/* Journal Digest PWA — Salmon Press light default, OLED dark as opt-in */
:root{
  color-scheme:light;

  --ink:#FFF1E5;
  --ink-2:#FFF8F1;
  --panel:rgba(51,44,38,.04);
  --panel-2:rgba(51,44,38,.06);
  --panel-3:rgba(51,44,38,.09);
  --line:rgba(51,44,38,.13);
  --line-soft:rgba(51,44,38,.08);
  --line-strong:rgba(51,44,38,.22);
  --glass-blur:16px;
  --glass-border:rgba(51,44,38,.11);
  --hair:rgba(51,44,38,.14);

  --cream:#231F1B;
  --text:#403A34;
  --muted:#6E665F;
  --faint:#756C63;

  --gold:#990F3D;
  --gold-2:#7A0C31;
  --gold-dim:#B57A90;
  --bull:#0B7A4B;
  --bear:#B3241E;
  --warn:#9A6206;
  --flat:#6E6860;

  --ref:#8A8A86;
  --struct:#9A6206;
  --arc:#0D7680;
  /* Pressure Index "Elevated" zone — deliberately distinct from --struct
     (structural baselines only, e.g. the coin gauge's melt-value tick). */
  --zone-elevated:#9E7B16;

  /* Neutralized — kept so existing `box-shadow:var(--glow-*)` rules stay valid */
  --glow-bull:none;
  --glow-bear:none;
  --glow-flat:none;
  --text-glow-bull:none;
  --text-glow-bear:none;

  --radius:18px;
  --radius-sm:12px;
  --radius-xs:8px;
  --radius-pill:999px;

  --font-num:'Chubbo','Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --font-fa:'Chubbo','Vazirmatn',system-ui,sans-serif;
  --font-calligraphy:'Noto Nastaliq Urdu','Vazirmatn',serif;
  --font-voice:'Chubbo','Vazirmatn',Georgia,serif;
  /* Legacy aliases — keep .mono / .display working */
  --font-sans:var(--font-num);
  --font-display:var(--font-voice);
  --font-mono:var(--font-num);

  --tab-h:66px;
  --appbar-h:52px;
  --ease:cubic-bezier(.22,.8,.22,1);
  --dur:.15s;
  --dur-slow:.28s;

  --shadow-1:0 1px 0 rgba(255,255,255,.6) inset,0 1px 2px rgba(51,44,38,.10);
  --shadow-2:0 1px 0 rgba(255,255,255,.55) inset,0 16px 40px -18px rgba(51,44,38,.38);
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--bull) 22%,transparent);

  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:env(safe-area-inset-top,0px);

  --desk-gap:28px;
  --desk-gap-sm:16px;
  --tile-radius:var(--radius);
  --hero-min-h:150px;
  --tile-min-h:72px;
  --num-col:7.2ch;
  --chg-col:5.6ch;

  /* Depth model — light: faint dark washes, near-white fields/sheets */
  --bg-tint-1:color-mix(in srgb,var(--arc) 5%,transparent);
  --bg-tint-2:color-mix(in srgb,var(--gold) 3.5%,transparent);
  --lift:rgba(51,44,38,.05);
  --lift-2:rgba(51,44,38,.07);
  --lift-3:rgba(51,44,38,.13);
  --well-soft:rgba(51,44,38,.035);
  --well:rgba(51,44,38,.05);
  --well-2:rgba(51,44,38,.06);
  --field-bg:#FFFBF7;
  --sheet-bg:rgba(255,248,241,.97);
  --scrim:rgba(51,44,38,.42);
  --scrim-strong:rgba(51,44,38,.55);
  --scrim-shadow:0 12px 28px -18px rgba(51,44,38,.55);
  --primary-from:#12A163;
  --primary-to:var(--bull);
  --primary-fg:#FFFFFF;
  --on-accent:#fff;
  --chart-border:rgba(51,44,38,.18);
  --chart-empty:rgba(51,44,38,.22);
  --chart-empty-text:rgba(51,44,38,.45);
  --chart-dot-stroke:rgba(51,44,38,.35);
  --chart-pie-shadow:rgba(51,44,38,.22);
  --chart-highlight:rgba(255,255,255,.55);
  --chart-label:#231F1B;
  --chart-label-halo:rgba(255,248,241,.85);
  --chart-flood:#231F1B;
  --chart-flood-opacity:.22;
  --chart-muted:rgba(51,44,38,.28);
}

html[data-theme="dark"]{
  color-scheme:dark;

  --ink:#141414;
  --ink-2:#1A1A1A;
  --panel:rgba(255,255,255,.03);
  --panel-2:rgba(255,255,255,.05);
  --panel-3:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.07);
  --line-soft:rgba(255,255,255,.04);
  --line-strong:rgba(255,255,255,.12);
  --glass-border:rgba(255,255,255,.07);
  --hair:rgba(255,255,255,.10);

  --cream:#E8ECF2;
  --text:#C4CAD4;
  --muted:#8B93A1;
  --faint:#5C6472;

  --gold:#C8D0DC;
  --gold-2:#E8ECF2;
  --gold-dim:#6B7380;
  --bull:#1baf7a;
  --bear:#e24b4a;
  --warn:#EF9F27;
  --flat:#6B7380;

  --ref:#8A8A86;
  --struct:#EF9F27;
  --arc:#378ADD;
  --zone-elevated:#D6B23A;

  --glow-bull:none;
  --glow-bear:none;
  --glow-flat:none;
  --text-glow-bull:none;
  --text-glow-bear:none;

  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.45);
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px -18px rgba(0,0,0,.75);
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--bull) 22%,transparent);

  --bg-tint-1:color-mix(in srgb,var(--bull) 3.5%,transparent);
  --bg-tint-2:color-mix(in srgb,var(--bear) 2.5%,transparent);
  --lift:rgba(255,255,255,.03);
  --lift-2:rgba(255,255,255,.06);
  --lift-3:rgba(255,255,255,.12);
  --well-soft:rgba(0,0,0,.18);
  --well:rgba(0,0,0,.28);
  --well-2:rgba(0,0,0,.35);
  --field-bg:rgba(0,0,0,.35);
  --sheet-bg:rgba(11,14,20,.92);
  --scrim:rgba(0,0,0,.65);
  --scrim-strong:rgba(0,0,0,.7);
  --scrim-shadow:0 12px 28px -18px rgba(0,0,0,.8);
  --primary-from:#1AFF8C;
  --primary-to:var(--bull);
  --primary-fg:#03140A;
  --on-accent:#fff;
  --chart-border:rgba(255,255,255,.12);
  --chart-empty:rgba(255,255,255,.12);
  --chart-empty-text:rgba(255,255,255,.35);
  --chart-dot-stroke:rgba(0,0,0,.35);
  --chart-pie-shadow:rgba(0,0,0,.35);
  --chart-highlight:rgba(255,255,255,.18);
  --chart-label:#fff;
  --chart-label-halo:rgba(0,0,0,.4);
  --chart-flood:#000;
  --chart-flood-opacity:.45;
  --chart-muted:rgba(200,208,220,.35);
}

@media (prefers-reduced-motion:reduce){
  :root{
    --dur:0.01ms;
    --dur-slow:0.01ms;
  }
}