/* ── "Basics Classic" — the mirror look (default since 2026-08-06) ─────────
   Direction (Will, 2026-08-06): get the landing page as close to the
   original basicnecessities.us as possible — prove we can preserve the
   original, then explain the deliberate departures.

   Every value below is SAMPLED FROM THEIR LIVE SITE (2026-08-06):
   ground #CECFBE and band ≈#A9AC9E (their sage two-tone), links
   rgb(169,88,30) = #A9581E terracotta (darkened to #91490F for WCAG AA on
   the sage grounds — 4.6:1; theirs measures ~3.6:1), ink #222, white
   Didone hero title (~45px, weight 300), Ambroise Std display + Calluna
   text → freshened with the free equivalents Bodoni Moda + Lora.
   The bolder "Lavender & Shutter" look stays one click away (?look=bold).
   Loaded AFTER site.css; overrides only. */

:root {
  --cream:          #CECFBE;  /* their page ground, sampled */
  --paper:          #DBDCCE;  /* raised surfaces, one step lighter */
  --ink:            #222222;  /* their heading/body ink */
  --ink-soft:       #4A4A42;

  /* the terracotta stands in for the lavender slots — their link color */
  --lavender:        #91490F; /* links/eyebrows (their #A9581E, AA-darkened) */
  --lavender-deep:   #7C3E0D;
  --lavender-bright: #A9581E; /* their exact value — decorative/large only */
  --lavender-tint:   #BFC0AF;
  --lavender-wash:   #C6C7B6;

  --shutter:        #6B6E5F;  /* muted sage-olive for non-text UI */
  --shutter-deep:   #43463A;  /* button fills (paper label 7.6:1) */
  --shutter-tint:   #B7B9A8;
  --shutter-wash:   #C6C7B6;

  --sun:            #C4B483;  /* retired to hairline duty */
  --sun-tint:       #C9CAB9;

  --door-red:       #91490F;  /* folds into the terracotta — one accent family */

  --footer-ink:     #3A3D33;  /* deep sage-olive footer ground */
  --footer-soft:    #C2C4B4;

  --hairline:       #B3B5A3;
  --focus:          #7C3E0D;

  /* type — freshened Ambroise/Calluna (their Typekit pairing). Ambroise
     is a Didot interpretation; GFS Didot IS the French Didone archetype —
     the closest free relative of their actual font (swapped from Bodoni
     Moda, which is Italian, 2026-08-06 per Will). */
  --display: "GFS Didot", Didot, "Bodoni Moda", "Bodoni 72", "Times New Roman", serif;
  --body: "Lora", Georgia, "Iowan Old Style", serif;
}

/* Didone display — their headings render LIGHT (weight 300) */
h1, h2, h3, .hero h1 { font-weight: 400; letter-spacing: .01em; }
.brand-lockup { font-weight: 400; }
.eyebrow { letter-spacing: .14em; font-weight: 600; }

/* hairlines instead of pastel frames */
main > section + section { border-top: 1px solid var(--hairline); }
main > section.hero + section { border-top-color: var(--hairline); }
.card, .card-link { border-width: 1px; border-color: var(--hairline); background: var(--paper); }
.menu-section h2 { border-bottom-width: 1px; }
.btn { font-weight: 600; letter-spacing: .02em; }

/* their footer: centered wordmark between dashes */
.footer-lockup::before { content: "—  "; }
.footer-lockup::after { content: "  —"; }

/* mirror palette (structure lives in site.css) */
:root { --mirror-band: #A9AC9E; }  /* their darker sage band, sampled */

/* their announcement bar is muted putty, not accent-colored */
.navbar { background: #83867A; }
.navbar .navbar-link, .navbar .navbar-tag, .navbar .navbar-msg,
.navbar .navbar-cue, .navbar-close { color: #F4F4EE; }
