/* =========================================================================
   MANAHAWKIN LEAF REMOVAL SERVICES
   tokens.css — the single source of truth for the visual system.

   Palette and type carried over from the hand-written site this replaced:
   deep green #1F3D2B, amber #DF9B3F, rust #B3502D on cream, with Fraunces
   over Public Sans. The rebuild is meant to be invisible to the homeowners
   and the crew already using this site, so the look does not change.

   Every other stylesheet reads from here. Change a value once and it
   changes across every generated page.

   DO NOT put component styles in this file. Only tokens.
   ========================================================================= */

:root{

  /* ---------------------------------------------------------------------
     COLOR — the hand-written site's palette, restored in full.

     Pine green is the brand field (header, hero, footer).
     Sage carries the reading content.
     Amber marks anything clickable; rust is the second accent.

     THE READING SURFACE WAS THE HALF THAT GOT MISSED. An earlier pass fixed
     the brand field — navy to pine — and left everything the eye actually
     spends its time on in the structural template's scheme: warm tan creams,
     tan rules, and blue-grey body copy. The result read as a warm, sandy site
     with a green header stuck on top, which is not what this site looked like.
     The original was cool: sage and pine-mist backgrounds, green-grey rules,
     green-grey text. Every value below is from the pre-rebuild :root.
     --------------------------------------------------------------------- */
  /* THE BRAND FIELD — deep green, not marine blue.
     The header comment on this file has always said "deep green #1F3D2B,
     amber #DF9B3F, rust #B3502D". The VALUES underneath it were the
     structural template's marine palette, carried across by the rebuild and
     never replaced, so a leaf removal site shipped in foundation-company navy
     while its own stylesheet documented otherwise. Matches SITE.theme.brand,
     which skins the dashboard and the lead bank. */
  --deep-950:#132819;     /* was --pine-deep */
  --deep-900:#1F3D2B;     /* was --pine */
  --deep-800:#2B5239;
  --deep-700:#3A6B4B;

  /* Amber is the primary accent and deep amber its hover — NOT rust. The
     original kept rust as a separate third colour (it is the darkest of the
     three falling-leaf tints) rather than as amber's pressed state, and
     collapsing the two lost a colour from the palette. */
  --acc-500:#DF9B3F;      /* was --amber */
  --acc-600:#C07E22;      /* was --amber-deep */
  --acc-ink:#22150C;      /* text placed on top of the amber */
  --rust:#B3502D;         /* the third accent, in its own right */

  /* Sage, not cream. These two carry every reading surface on the site, so
     they are the tokens that decide whether it feels warm or cool. */
  --cream:#F4F6F1;        /* was --sage */
  --cream-2:#EDF2EC;      /* was --pine-mist */
  --line:#DDE4DB;         /* green-grey rule, not tan */
  --white:#FFFFFF;

  --ink: #232A24;         /* headings — near-black with a green cast */
  --ink-2:#5A665C;        /* body copy — green-grey, not blue-grey */
  --ink-3:#7C8A7E;        /* captions, meta */

  /* Read on deep GREEN, so these are desaturated greens rather than the
     blues that read correctly on marine navy and muddy on this field. */
  --on-deep:#BFD3C4;      /* body copy on the dark field */
  --on-deep-2:#8AA894;    /* meta on the dark field */
  --on-deep-line:rgba(191,211,196,.18);

  --ok:#2F7D5B;

  /* diagram-only colors — never used in UI chrome */
  --dia-water:#4FA9C6;
  --dia-vapor:#8FD3E4;
  --dia-wood:#C9A97B;

  /* ---------------------------------------------------------------------
     TYPE
     Fraunces  — slab serif, headings. Sturdy rather than elegant.
     Public Sans — body. Neutral, legible at small sizes.
     --------------------------------------------------------------------- */
  --slab:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  --t-xs:.78rem;
  --t-sm:.9rem;
  --t-base:1.0625rem;
  --t-md:1.14rem;
  --t-lg:1.4rem;
  --t-xl:1.9rem;
  --t-2xl:2.4rem;

  --lh-tight:1.16;
  --lh-snug:1.35;
  --lh-body:1.68;

  --track-tight:-.018em;
  --track-label:.16em;

  /* ---------------------------------------------------------------------
     SPACE  (4px base)
     --------------------------------------------------------------------- */
  --s1:.25rem; --s2:.5rem;  --s3:.75rem; --s4:1rem;
  --s5:1.5rem; --s6:2rem;   --s7:3rem;   --s8:4.5rem; --s9:6rem;

  /* ---------------------------------------------------------------------
     STRUCTURE
     --------------------------------------------------------------------- */
  --r:10px;
  --r-sm:6px;
  --r-lg:16px;

  --sh:0 2px 6px rgba(10,40,51,.06), 0 14px 40px rgba(10,40,51,.09);
  --sh-sm:0 1px 3px rgba(10,40,51,.07);

  --wrap:1200px;
  --measure:64ch;

  --focus:3px solid var(--acc-500);
}