/* GoodOmen tokens — shared by the website and the handset app.
   Both rooms live here; components never hard-code a hex value. */

:root{
  --paper:#FFFCF7;
  --surface:#FFFFFF;
  --well:#F3EFE7;
  --ink:#1A1611;
  --ink2:#3B342C;
  --muted:#6B6258;
  --faint:#7A7168;
  --line:rgba(26,22,17,.11);
  --line2:rgba(26,22,17,.20);
  --brand:#1A1611;
  --brand-2:#2B2520;
  --brand-soft:#F5EBD8;
  --ochre:#C46A00;
  --ochre-ink:#8F4E00;
  --ochre-l:#E9A93C;
  --ochre-soft:#FBEEDA;
  --cool:#39424C;
  --cool-soft:#E8EAEA;
  --hair:rgba(26,22,17,.10);
  --hair-cool:rgba(57,66,76,.14);
  --on-brand:#FFFCF7;
  --tabbar:rgba(255,252,247,.92);
  --night:#12151A;
  --night-2:#181C22;
  --night-3:#1F242B;
  --amber:#E9A93C;
  --dial-hatch-bg:#E2E5E4;
  --dial-hatch-fg:rgba(70,81,91,.42);
  --bone:#EEE8DE;
  --bone-2:#A6ADB6;

  --serif:"Fraunces","Iowan Old Style",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --r:20px;
  --shadow:0 1px 2px rgba(26,22,17,.05),0 12px 28px -18px rgba(26,22,17,.30);
  --page:1160px;
}

/* ---------- theme: night ---------- */
[data-theme="night"]{
  --dial-hatch-bg:#26303A;
  --dial-hatch-fg:rgba(169,178,190,.34);
  --warm-fill:#8A6822;
  --warm-fill-2:#C08A2B;
  --warm-edge:#E0A94F;
  --warm-text:#FFF7E8;
  --amber-bright:#F5BC63;
  --paper:#101319;
  --surface:#171B22;
  --well:#1D222A;
  --ink:#F2ECE2;
  --ink2:#CFC7BA;
  --muted:#A3AAB4;
  --faint:#8B939F;
  --line:rgba(242,236,226,.12);
  --line2:rgba(242,236,226,.22);
  --brand:#F2ECE2;
  --brand-2:#DED6C8;
  --brand-soft:rgba(233,169,60,.16);
  --ochre:#E9A93C;
  --ochre-ink:#F0B65A;
  --ochre-l:#E9A93C;
  --ochre-soft:rgba(233,169,60,.12);
  --cool:#A9B2BE;
  --cool-soft:rgba(169,178,190,.14);
  --hair:rgba(242,236,226,.10);
  --hair-cool:rgba(169,178,190,.22);
  --on-brand:#101319;
  --tabbar:rgba(16,19,25,.92);
  --night:#171B22;
  --night-2:#1D222A;
  --night-3:#242A33;
  --bone:#F2ECE2;
  --bone-2:#A3AAB4;
  --shadow:0 1px 2px rgba(0,0,0,.40),0 12px 28px -18px rgba(0,0,0,.90);
  color-scheme:dark;
}

/* night refinements */
[data-theme="night"] .chip{background:rgba(233,169,60,.14);border-color:rgba(233,169,60,.20)}
[data-theme="night"] .chip.avoid{background:transparent;border-color:rgba(169,178,190,.42);color:var(--bone-2)}
[data-theme="night"] .seg.good{background:#2A2418;border-color:rgba(233,169,60,.18)}
[data-theme="night"] .seg.careful{background:#222A33;border-color:rgba(169,178,190,.18)}
[data-theme="night"] .seg.best{background:#33291A;border-color:var(--bone)}
[data-theme="night"] .navlink.is-on{background:rgba(233,169,60,.14);color:var(--bone)}
[data-theme="night"] .find{
  background:#1A1F27;border:1px solid rgba(242,236,226,.10);border-radius:24px;
  box-shadow:0 30px 80px -44px rgba(0,0,0,.85);
}