/* Gaskins Lawn Care — Color tokens
   Palette pulled from the door-hanger flyer: warm near-black charcoal,
   an olive/chartreuse "lime" accent, earthy forest greens, and warm cream.
   Details matter. */

:root {
  /* ---- Charcoal (warm near-black brand base) ---- */
  --charcoal-950: #0F110A;
  --charcoal-900: #14170E;
  --charcoal-850: #191D12;
  --charcoal-800: #202616;

  /* ---- Forest (earthy green neutrals / dark surfaces) ---- */
  --forest-900: #18220F;
  --forest-800: #223016;
  --forest-700: #2E4020;
  --forest-600: #3B5129;
  --forest-500: #4A6534;
  --forest-400: #5E7C44;

  /* ---- Lime (olive chartreuse accent — the pop color) ---- */
  --lime-700: #6E8221;
  --lime-600: #869B28;
  --lime-500: #A4BE39;   /* primary accent */
  --lime-400: #B8CF55;
  --lime-300: #CEE07C;
  --lime-200: #E1EDA8;

  /* ---- Cream (warm light neutrals) ---- */
  --cream-50:  #FBF8EF;
  --cream-100: #F4EEDC;
  --cream-200: #E7DEC5;
  --cream-300: #D3C7A6;
  --cream-400: #B3A481;

  /* ---- Support / semantic hues ---- */
  --clay-500:  #C4642E;   /* warm alert / soil accent */
  --rust-600:  #9E3B22;   /* danger */
  --sky-500:   #7FA9B8;   /* rare cool accent (flyer sky) */

  /* ================= Semantic aliases ================= */

  /* Surfaces (dark-first brand) */
  --surface-base:    var(--charcoal-900);
  --surface-sunken:  var(--charcoal-950);
  --surface-raised:  var(--charcoal-850);
  --surface-card:    var(--forest-900);
  --surface-inset:   var(--forest-800);
  --surface-cream:   var(--cream-100);   /* light sections */
  --surface-cream-2: var(--cream-50);

  /* Text on dark */
  --text-strong:  var(--cream-50);
  --text-body:    var(--cream-100);
  --text-muted:   var(--cream-400);
  --text-accent:  var(--lime-500);

  /* Text on light/cream */
  --text-strong-on-cream: var(--charcoal-900);
  --text-body-on-cream:   var(--forest-800);
  --text-muted-on-cream:  #6B6A56;

  /* Accent */
  --accent:         var(--lime-500);
  --accent-hover:   var(--lime-400);
  --accent-press:   var(--lime-600);
  --accent-strong:  var(--lime-600);
  --on-accent:      var(--charcoal-950);   /* black text on lime */

  /* Lines & borders */
  --border-subtle:  rgba(244, 238, 220, 0.14);
  --border-strong:  rgba(244, 238, 220, 0.30);
  --border-lime:    var(--lime-600);
  --border-dark:    var(--charcoal-950);   /* the heavy black keylines from the flyer */
  --border-on-cream: rgba(20, 23, 14, 0.14);

  /* Feedback */
  --success: var(--lime-500);
  --warning: var(--clay-500);
  --danger:  var(--rust-600);

  /* Focus ring */
  --focus-ring: var(--lime-400);
}