/* Fridays: design tokens, v2 "Place Card". Source of truth: design/DESIGN.md sections 3 to 5 and 8.
   Cotton paper, Myrtle ink, a Gilt seal. Gilt never sets text on a light surface (1.93:1). Edge is never text. */

:root{
  /* paper, fields, bands, rules */
  --cotton:#F8F7F3; --white:#FFFFFF; --linen:#EDEBE4; --edge:#D9D6CB;
  /* ink and dark stock */
  --myrtle:#1F3D31; --myrtle-lit:#2A4B3D; --myrtle-deep:#16302A;
  /* secondary on light, on dark */
  --sage:#53655B; --mist:#B9C7BD;
  /* gilt on dark; gilt marks on light (non-text) */
  --gilt:#D1B070; --gilt-hi:#DCBF85; --gilt-deep:#94753A;
  /* failed or blocked; held or doing */
  --claret:#9A2B35; --claret-wash:#F6E9E7; --held:#7A6232;
  --lamp:rgba(232,196,128,.16);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --focus:var(--myrtle);

  /* v1 aliases, so page CSS written against v1 keeps working */
  --ink:var(--myrtle); --ink-2:var(--sage); --muted:var(--sage); --surface:var(--cotton); --surface-2:var(--linen);
  --surface-3:#F2F1EC; --line:var(--edge); --line-strong:var(--sage); --sea:var(--myrtle); --sea-now:var(--myrtle);
  --on-sea:var(--cotton); --on-sea-2:var(--mist); --sun:var(--gilt); --ok:var(--myrtle); --error:var(--claret); --error-bg:var(--claret-wash);
  --sea-1:var(--myrtle-deep); --sea-2:var(--myrtle-lit); --sea-3:var(--myrtle-lit); --sea-4:#3A5A4B;
  --flame:var(--gilt); --flame-core:var(--gilt-hi); --wax:var(--linen); --wick:var(--myrtle);
  --s-18-a:var(--myrtle-lit); --s-18-b:var(--myrtle); --s-18-c:var(--myrtle);
  --s-9-a:var(--myrtle-lit); --s-9-b:var(--myrtle); --s-9-c:var(--myrtle);
  --s0-a:var(--myrtle-lit); --s0-b:var(--myrtle); --s0-c:var(--myrtle);
  --s6-a:var(--myrtle); --s6-b:var(--myrtle); --s6-c:var(--myrtle-deep);
  --s12-a:var(--myrtle-deep); --s12-b:var(--myrtle-deep); --s12-c:var(--myrtle-deep);
}
/* dark stock: a face, the deck, the footer. Secondary text is Mist, rules are Mist at 28%, focus is Gilt. */
.on-sea,.on-myrtle{--focus:var(--gilt);--muted:var(--mist);--line:rgba(185,199,189,.28);--line-strong:var(--mist);color:var(--cotton)}

/* sky stage index (v1 scripts still set data-stage; nothing is drawn from it now) */
[data-stage="-18"]{--stage-i:0} [data-stage="-9"]{--stage-i:1} [data-stage="0"]{--stage-i:2}
[data-stage="6"]{--stage-i:3} [data-stage="12"]{--stage-i:4}
/* minutes after 4:00 pm, frozen Hebcal times: the daylight rule of each Friday is calc(var(--m) / 120 * 100%) wide */
[data-friday="01"]{--m:120} [data-friday="02"]{--m:112} [data-friday="03"]{--m:104}
[data-friday="04"]{--m:38}  [data-friday="05"]{--m:33}  [data-friday="06"]{--m:29}
[data-friday="07"]{--m:27}  [data-friday="08"]{--m:26}  [data-friday="09"]{--m:27}
[data-friday="10"]{--m:29}

/* type: Google Fonts are linked from partials/head.html. Bellefair 400 sets display and all Hebrew; Jost 400/500 sets the rest. */
:root{
  --font-display:"Bellefair",Georgia,"Times New Roman",serif;
  --font-text:"Jost","Helvetica Neue",Arial,sans-serif;
  --font-he:"Bellefair","Arial Hebrew","David","Times New Roman",serif;
  --fs-display:clamp(2.75rem,1.7rem + 3.6vw,5.25rem);   /* lh 1.02, -0.005em, max 16ch */
  --fs-he-display:clamp(3rem,2rem + 4vw,5rem);          /* lh 1.1 */
  --fs-h1:clamp(2.25rem,1.6rem + 2.2vw,3.75rem);        /* lh 1.06, max 20ch */
  --fs-h2:clamp(1.75rem,1.4rem + 1.2vw,2.625rem);       /* lh 1.1 */
  --fs-h3:1.5rem;                                       /* lh 1.2 */
  --fs-figure:clamp(2rem,1.6rem + 1.2vw,2.75rem);       /* Jost 400 tabular, lh 1 */
  --fs-lead:1.25rem; --fs-body:1.125rem;                /* Jost 400, lh 1.5 / 1.6 */
  --fs-ui:1rem;                                         /* Jost 500, lh 1.3 */
  --fs-small:.9375rem;                                  /* lh 1.5; text floor */
  --measure:62ch; --measure-head:20ch;
  /* v1 names */
  --font-serif:var(--font-display); --font-sans:var(--font-text);
  --fs-hour:var(--fs-display); --fs-narrative:var(--fs-body); --fs-label:var(--fs-small); --measure-narrative:var(--measure);
}
html{font-family:var(--font-text);color:var(--myrtle);background:var(--cotton);font-synthesis:none}
h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;text-wrap:balance;break-after:avoid}
[lang="he"]{font-family:var(--font-he);letter-spacing:0;direction:rtl;unicode-bidi:isolate}
span[lang="he"]{font-size:1.12em}

/* space, grid, radii, elevation */
:root{
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --max:1240px;--gutter:24px;--margin:clamp(20px,5vw,80px);--face-inset:clamp(10px,2.2vw,32px);--header-h:76px;
  --r-print:2px;--r-control:4px;--r-face:8px;--r-sheet:12px;--r-pill:999px;--radius:var(--r-control);
  --elev-1:0 1px 2px rgba(23,48,38,.08),0 12px 32px -16px rgba(23,48,38,.25);
  --elev-2:0 2px 0 #12261D,0 30px 60px -30px rgba(23,48,38,.55);
}
@media (max-width:599px){:root{--header-h:60px}}

/* motion */
:root{
  --ease-set:cubic-bezier(.2,.7,.2,1);
  --ease-ink:cubic-bezier(.65,0,.35,1);
  --ease-press:cubic-bezier(.3,0,.1,1);
  --ease-out:var(--ease-set); --ease-sky:var(--ease-ink); --ease-flame:var(--ease-set);
}