/* DafTipul tokens — VERBATIM from brand/design-system-proposal.md (Quiet editorial), 27 Oct 2026 */
:root{
  /* — palette — */
  --linen:#FAF7F2;      /* page bg */
  --sand:#EFE8DC;       /* alt section bg */
  --stone:#E2D8C8;      /* borders on sand, image mats */
  --sage-50:#E3EBE5;    /* soft chips, FAQ open bg */
  --sage:#8FA89B;       /* decorative only (icons, dividers) – not text */
  --pine:#1E5A52;       /* primary actions, links */
  --pine-700:#174740;   /* hover */
  --pine-900:#163A35;   /* dark sections, footer, landing hero */
  --ink:#1F2A27;        /* text */
  --ink-2:#55625D;      /* secondary text */
  --clay:#B4562F;       /* ONE accent: badges, highlights, "חדש" — max 1 per viewport */
  --clay-text:#9A4A28;  /* accent text on light bg */
  --wa:#25D366; --wa-ink:#0B3B2E; --wa-deep:#1A7F4B;
  --line:color-mix(in oklab, var(--ink) 12%, transparent);

  /* — semantic — */
  --bg:var(--linen); --bg-alt:var(--sand); --bg-dark:var(--pine-900);
  --text:var(--ink); --text-muted:var(--ink-2); --text-on-dark:#F4EFE6; --text-on-dark-muted:#C9D8CF;
  --action:var(--pine); --action-hover:var(--pine-700); --on-action:#fff;
  --focus:0 0 0 3px var(--linen), 0 0 0 5px var(--pine);

  /* — type — */
  --font-display:"Frank Ruhl Libre", "David Libre", Georgia, serif;
  --font-body:"Assistant", "Heebo", system-ui, "Arial Hebrew", Arial, sans-serif;
  --fs-h1:clamp(2.25rem, 1.6rem + 3.2vw, 4rem);
  --fs-h2:clamp(1.75rem, 1.4rem + 1.8vw, 2.75rem);
  --fs-h3:1.25rem; --fs-body:clamp(1.0625rem, 1rem + .2vw, 1.125rem);
  --fs-sm:.875rem; --lh-tight:1.12; --lh-body:1.7;

  /* — space (4px base) — */
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem;
  --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;
  --section-y:clamp(4rem, 3rem + 5vw, 8rem);
  --gutter:clamp(1.25rem, 4vw, 2.5rem);
  --container:72rem; --measure:60ch;

  /* — shape & depth — */
  --r-sm:10px; --r-md:16px; --r-lg:28px; --r-pill:999px;
  --shadow-1:0 1px 2px rgb(31 42 39 / .06), 0 2px 8px rgb(31 42 39 / .05);
  --shadow-2:0 8px 30px rgb(31 42 39 / .10);

  /* — motion — */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:160ms; --dur-2:320ms; --dur-3:600ms;

  /* — layout chrome — */
  --header-h:64px; --bookbar-h:64px;
}
@media (prefers-reduced-motion: reduce){ :root{ --dur-1:0ms; --dur-2:0ms; --dur-3:0ms; } }