/* ============================================================
   HomeSparc — DESIGN TOKENS (warm light · residential)
   Sibling of the FieldSparc spine: same variable names, warm
   values. Amber leads, teal appears only in the "powered by
   FieldSparc" thread. Softer radius — homier than corporate.
   ============================================================ */
:root {
  /* ---------- PAPER (warm white ramp) ---------- */
  --ink-950:#efe8dc;  --ink-900:#f4eee4;  --ink-850:#faf6ef;  /* page bg */
  --ink-800:#ffffff;  --ink-750:#f7f2e9;  --ink-700:#f1eadd;  --ink-600:#e0d6c4;
  --line:#e6ddcc;     --line-soft:#efe8da;
  --text:#241d12;     --text-dim:#5c5342;  --text-mute:#8a8070;

  /* ---------- AMBER = the lead (warm/home) ---------- */
  --amber-400:#e8820e; --amber-500:#d9730a; --amber-600:#bd5f06;
  --amber-glow:rgba(217,115,10,.22);

  /* ---------- TEAL = the FieldSparc thread ---------- */
  --teal-400:#0da183; --teal-500:#0b8f74; --teal-600:#09775f;
  --teal-glow:rgba(11,143,116,.14);

  /* ---------- Semantic ---------- */
  --bg:var(--ink-850); --surface:var(--ink-800); --surface-2:var(--ink-750);
  --primary:var(--amber-500); --accent:var(--amber-500); --on-accent:#ffffff;
  --band:#f4eee2; --dark:#221a10; --dark-2:#2e2417;
  --dark-text:#f6f0e6; --dark-dim:#b3a488; --dark-line:#453824;

  /* ---------- Type ---------- */
  --font-display:"Space Grotesk", system-ui, sans-serif;
  --font-body:"Inter", system-ui, sans-serif;
  --fs-hero:clamp(2.7rem, 5.4vw + 1rem, 5.4rem);
  --fs-h1:clamp(2rem, 3.6vw + 1rem, 3.5rem);
  --fs-h2:clamp(1.5rem, 2.2vw + .8rem, 2.5rem);
  --fs-h3:clamp(1.15rem, 1.3vw + .6rem, 1.5rem);
  --fs-body:clamp(1rem, .35vw + .92rem, 1.125rem);
  --fs-sm:.875rem; --fs-xs:.75rem;
  --lh-tight:1.05; --lh-snug:1.25; --lh-body:1.65;
  --track-display:-.02em; --track-eyebrow:.22em;

  /* ---------- Space ---------- */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;
  --maxw:1180px; --gutter:clamp(1.25rem, 4vw, 3rem);

  /* ---------- Radius / depth (softer than FieldSparc) ---------- */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(60,45,20,.05), 0 10px 28px -18px rgba(60,45,20,.18);
  --shadow-2:0 2px 6px rgba(60,45,20,.06), 0 24px 56px -30px rgba(60,45,20,.26);
  --glow-amber:0 10px 30px -14px var(--amber-glow);
  --glow-teal:0 0 0 1px var(--teal-glow), 0 14px 36px -20px var(--teal-glow);
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.35s;

  --mesh:radial-gradient(circle at 1px 1px, rgba(60,45,20,.06) 1px, transparent 0) 0 0/26px 26px;
}
@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important;scroll-behavior:auto!important;} }