/* Yampah Host tokens: the marketing brand with the Check-in app's dark token swap (plan §9.1, ruled).
   White field, black ink, Ochre #B07E09 for large text and UI only (#7A5706 for small text: the
   ochre fails AA on white at body sizes), Playfair Display + Figtree (Adobe Fonts forbids self-hosting
   the licensed faces), square corners, 52 px targets, the NOW / NEXT / LATE status palette, version in
   the footer. Dark is a pure token swap under html[data-theme="dark"]; light is the default. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Figtree:wght@400;500;600;700&display=swap');
:root{
  --white:#FFFFFF; --black:#000000;
  --ochre:#B07E09; --ochre-dk:#9a6e08; --ochre-text:#7A5706;   /* small-text ochre, AA on white */
  --moss:#737144; --lichen:#B2A5A1; --earth:#49362A; --steam:#7895A4;
  --ink:#000000; --ink-2:#3a3a3a; --ink-3:#6b6b6b;
  --hair:rgba(0,0,0,.14); --hair-soft:rgba(0,0,0,.08);
  --field:#FFFFFF; --panel:#F6F4EF; --press:rgba(0,0,0,.05); --veil:rgba(255,255,255,.96);
  --inverse:#FFFFFF;
  /* status (brief §9: NOW / NEXT / LATE, plus ok) */
  --now:#2E7D5B; --next:#B07E09; --late:#A3321F; --ok:#2E7D5B; --warn:#B07E09; --bad:#A3321F;
  --now-wash:rgba(46,125,91,.12); --next-wash:rgba(176,126,9,.12); --late-wash:rgba(163,50,31,.12);
  --display:'Playfair Display',Georgia,serif; --body:'Figtree',-apple-system,system-ui,sans-serif;
  --fs-xs:13px; --fs-sm:15px; --fs-body:17px; --fs-lead:19px; --fs-h3:21px; --fs-h2:26px; --fs-h1:32px; --fs-hero:40px;
  --tap:52px; --tap-sm:44px; --gutter:16px; --gap:12px; --pad:16px; --maxw:760px;
  --mast-h:56px; --tabbar-h:64px;
}
@media (min-width:768px){:root{ --fs-body:18px; --fs-lead:20px; --fs-h3:22px; --fs-h2:28px; --fs-h1:36px; --fs-hero:48px; --gutter:24px; --gap:16px; --pad:20px; --mast-h:64px; }}
html[data-theme="dark"]{
  --white:#0E100F; --black:#EDE9DC;
  --ochre:#C89632; --ochre-dk:#B07E09; --ochre-text:#D9AE55;
  --moss:#A3A183; --lichen:#6E6A5E; --earth:#D08B63;
  --ink:#EDE9DC; --ink-2:#C9C4B6; --ink-3:#9A958A;
  --hair:rgba(237,233,220,.18); --hair-soft:rgba(237,233,220,.09);
  --field:#0E100F; --panel:#171A18; --press:rgba(237,233,220,.07); --veil:rgba(14,16,15,.96);
  --inverse:#0E100F;
  --now:#5FB08A; --next:#D9AE55; --late:#E07A62; --ok:#5FB08A; --warn:#D9AE55; --bad:#E07A62;
  --now-wash:rgba(95,176,138,.14); --next-wash:rgba(217,174,85,.14); --late-wash:rgba(224,122,98,.14);
}