/* Avixss design tokens: shared by sign-in, onboarding and the dashboard.
   Light mode follows a 60-30-10 split:
     60%  neutral base   (--bg, page and panels)
     30%  ink structure  (--ink, --muted, lines, active pills, tooltips)
     10%  coral accent   (--accent, one primary signal per view)          */
:root{
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,system-ui,sans-serif;

  /* light (used when the page has no theme yet and the OS is light) */
  --bg:#f7f7f8;
  --ink:#0b0b0c;
  --muted:#5d5d66;
  --panel:rgba(0,0,0,.035);
  --panel-2:rgba(0,0,0,.07);
  --line:rgba(0,0,0,.10);
  --line-2:rgba(0,0,0,.18);
  --accent:#d9303d;
  --accent-ink:#c42834;
  --ok:#0e9f6e;
  --ok-ink:#0a7d54;
  --ok-bg:rgba(16,185,129,.12);
  --warn:#c27c0e;
  --warn-ink:#8f5a00;
  --amber:#d99a06;
  --pop:#0b0b0c;
  --pop-ink:#fff;
  --focus:#0b0b0c;
  --on-accent:#fff;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#000;
    --ink:#fff;
    --muted:#8e8e96;
    --panel:rgba(255,255,255,.035);
    --panel-2:rgba(255,255,255,.07);
    --line:rgba(255,255,255,.10);
    --line-2:rgba(255,255,255,.18);
    --accent:#f14b57;
    --accent-ink:#ff6b76;
    --ok:#34d399;
    --ok-ink:#34d399;
    --ok-bg:rgba(52,211,153,.13);
    --warn:#fbbf24;
    --warn-ink:#fbbf24;
    --amber:#fbbf24;
    --pop:#1b1b1e;
    --pop-ink:#fff;
    --focus:#fff;
    --on-accent:#fff;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#000;
  --ink:#fff;
  --muted:#8e8e96;
  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.18);
  --accent:#f14b57;
  --accent-ink:#ff6b76;
  --ok:#34d399;
  --ok-ink:#34d399;
  --ok-bg:rgba(52,211,153,.13);
  --warn:#fbbf24;
  --warn-ink:#fbbf24;
  --amber:#fbbf24;
  --pop:#1b1b1e;
  --pop-ink:#fff;
  --focus:#fff;
  --on-accent:#fff;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f7f7f8;
  --ink:#0b0b0c;
  --muted:#5d5d66;
  --panel:rgba(0,0,0,.035);
  --panel-2:rgba(0,0,0,.07);
  --line:rgba(0,0,0,.10);
  --line-2:rgba(0,0,0,.18);
  --accent:#d9303d;
  --accent-ink:#c42834;
  --ok:#0e9f6e;
  --ok-ink:#0a7d54;
  --ok-bg:rgba(16,185,129,.12);
  --warn:#c27c0e;
  --warn-ink:#8f5a00;
  --amber:#d99a06;
  --pop:#0b0b0c;
  --pop-ink:#fff;
  --focus:#0b0b0c;
  --on-accent:#fff;
  color-scheme:light;
}