/* Ritwic Singh portfolio tokens (concept v2). Copied from styles.css and theme.css.
   Dark is the default; add data-mode="light" on <html> for light mode. */
:root{
  color-scheme:dark;
  --bg:#0a0a0c;--bg-2:#141417;--fg:#f7f7f5;--soft:#b8b5ae;--muted:#a9a69f;--quiet:#8d8a82;
  --line:#2a2a2f;--line-2:#3d3d44;
  --o1:#c6d6ff;--o2:#e9d7ff;--o3:#ffd9ec;--o4:#ffe6d1;--o5:#d9f7ec;
  --opal:linear-gradient(90deg,var(--o1),var(--o2),var(--o3),var(--o4),var(--o5));
  /* CTA fill: the Opal spectrum washed toward white */
  --opal-soft:linear-gradient(90deg,#eef3ff,#f5efff,#fff1f7,#fff5ec,#effbf6);
  --accent:var(--o1);
  --cta-ink:#16161a;--top-bg:rgb(10 10 12 / .82);--viewer-bg:rgb(10 10 12 / .97);--halo-ring:rgb(233 215 255 / .5);--pill-ring:rgb(255 255 255 / .75);--pill-glow:rgb(233 215 255 / .18);
  --display:'Bricolage Grotesque',Arial,sans-serif;
  --body:'Instrument Sans',Arial,sans-serif;
  --mono:'JetBrains Mono',Consolas,monospace;
  --gutter:clamp(16px,4vw,64px);--max:1360px;
}
html[data-mode="light"]{
  color-scheme:light;
  --bg:#f5f4f0;--bg-2:#ebe9e4;--fg:#121215;--soft:#47453f;--muted:#55524c;--quiet:#6b6862;
  --line:#d9d6cf;--line-2:#b9b5ac;
  --o1:#1e2540;--o2:#2b2038;--o3:#3a2030;--o4:#3a2a1e;--o5:#1b3a31;
  --opal-soft:linear-gradient(90deg,#171a26,#1d1726,#251821,#241c16,#15211d);
  --cta-ink:#f5f4f0;--top-bg:rgb(245 244 240 / .84);--viewer-bg:rgb(245 244 240 / .97);
  --halo-ring:rgb(43 32 56 / .45);--pill-ring:rgb(18 18 21 / .7);--pill-glow:rgb(43 32 56 / .12);
}