/*
 * tokens.css — Proteus colours, harmonized with Sentry.
 *
 * 1. Sentry's palette, copied verbatim from
 *    nereus-sentry-client/public/css/tokens.css (light default; dark from
 *    prefers-color-scheme; :root[data-theme] overrides both ways). Proteus is a
 *    standalone app, so it carries its own copy; when Sentry's palette changes,
 *    copy it here again.
 * 2. Proteus-only tokens that need a value per theme (tints, gold, scrim, chart grid).
 * 3. Proteus's own names mapped onto the palette, so its CSS and charts never
 *    hold a literal colour. No attribute = Auto (follows the device).
 */

/* 1. Sentry palette */
:root{
  --brand:#215C9B; --brand-dk:#163E6A;
  --accent:#15AEDF; --accent-dk:#0D7398; --accent-wash:#E6F7FC;
  --paper:#faf9f5; --ground:#E7EAEE; --surface:#FFFFFF; --surface-2:#F6F8FA;
  --ink:#131920; --ink-2:#39424E; --muted:#697787; --faint:#98A5B4;
  --line:#E1E6EC; --line-2:#EEF1F5;
  --ok:#178246; --ok-ink:#0F6B39; --ok-wash:#E7F6EE;
  --warn:#E39A16; --warn-ink:#8A5A02; --warn-wash:#FDF4E1;
  --crit:#C0362C; --crit-ink:#8E241C; --crit-wash:#FBECEA;
  --info:#164F72; --info-wash:#EAF2FB;
  --due:#6D4AB8; --due-ink:#4E2E93; --due-wash:#F0EBFB;
  --frame:#0A2038;
  --shadow:0 1px 2px rgba(16,32,54,.05), 0 6px 18px rgba(16,32,54,.07);
  --shadow-lg:0 12px 40px rgba(16,32,54,.20);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#101E2B; --ground:#05090F; --surface:#182A39; --surface-2:#132330;
    --ink:#EAF0F6; --ink-2:#C4D0DB; --muted:#93A6B7; --faint:#5F7183;
    --line:#274056; --line-2:#1D3145;
    --accent:#3AC4EE; --accent-dk:#15AEDF; --accent-wash:#0E2E3C;
    --ok:#48BC7C; --ok-ink:#93E6B8; --ok-wash:#0F2C20;
    --warn:#ECB24A; --warn-ink:#F3D48C; --warn-wash:#2E2412;
    --crit:#E56D62; --crit-ink:#F4ABA3; --crit-wash:#301613;
    --info:#7BB0D4; --info-wash:#112738;
    --due:#A78BDE; --due-ink:#C9B4F0; --due-wash:#211A34;
    --frame:#02060B;
    --shadow:0 1px 2px rgba(0,0,0,.5), 0 8px 22px rgba(0,0,0,.45);
    --shadow-lg:0 16px 46px rgba(0,0,0,.65);
  }
}
:root[data-theme="light"]{ --paper:#faf9f5;--ground:#E7EAEE;--surface:#fff;--surface-2:#F6F8FA;--ink:#131920;--ink-2:#39424E;--muted:#697787;--faint:#98A5B4;--line:#E1E6EC;--line-2:#EEF1F5;--accent:#15AEDF;--accent-dk:#0D7398;--accent-wash:#E6F7FC;--ok:#178246;--ok-ink:#0F6B39;--ok-wash:#E7F6EE;--warn:#E39A16;--warn-ink:#8A5A02;--warn-wash:#FDF4E1;--crit:#C0362C;--crit-ink:#8E241C;--crit-wash:#FBECEA;--info:#164F72;--info-wash:#EAF2FB;--due:#6D4AB8;--due-ink:#4E2E93;--due-wash:#F0EBFB;--frame:#0A2038;--shadow:0 1px 2px rgba(16,32,54,.05),0 6px 18px rgba(16,32,54,.07);--shadow-lg:0 12px 40px rgba(16,32,54,.20);}
:root[data-theme="dark"]{ --paper:#101E2B;--ground:#05090F;--surface:#182A39;--surface-2:#132330;--ink:#EAF0F6;--ink-2:#C4D0DB;--muted:#93A6B7;--faint:#5F7183;--line:#274056;--line-2:#1D3145;--accent:#3AC4EE;--accent-dk:#15AEDF;--accent-wash:#0E2E3C;--ok:#48BC7C;--ok-ink:#93E6B8;--ok-wash:#0F2C20;--warn:#ECB24A;--warn-ink:#F3D48C;--warn-wash:#2E2412;--crit:#E56D62;--crit-ink:#F4ABA3;--crit-wash:#301613;--info:#7BB0D4;--info-wash:#112738;--due:#A78BDE;--due-ink:#C9B4F0;--due-wash:#211A34;--frame:#02060B;--shadow:0 1px 2px rgba(0,0,0,.5),0 8px 22px rgba(0,0,0,.45);--shadow-lg:0 16px 46px rgba(0,0,0,.65);}

/* 2. Proteus-only, per theme */
:root{
  --aqua-dim:#8FD3EA; --aqua-soft:rgba(21,174,223,.13); --aqua-glow:rgba(21,174,223,.08);
  --gold:#9A7327; --gold-2:#7D5C1C; --scrim:rgba(10,32,56,.45);
  --watch-line:rgba(227,154,22,.35); --violet-line:rgba(109,74,184,.35);
  --chart-grid:rgba(105,119,135,.22);
}
@media (prefers-color-scheme:dark){
  :root{
  --aqua-dim:#1E6A82; --aqua-soft:rgba(58,196,238,.14); --aqua-glow:rgba(58,196,238,.10);
  --gold:#E8C069; --gold-2:#B8862F; --scrim:rgba(2,6,11,.66);
  --watch-line:rgba(236,178,74,.35); --violet-line:rgba(167,139,222,.35);
  --chart-grid:rgba(39,64,86,.6);
  }
}
:root[data-theme="light"]{
  --aqua-dim:#8FD3EA; --aqua-soft:rgba(21,174,223,.13); --aqua-glow:rgba(21,174,223,.08);
  --gold:#9A7327; --gold-2:#7D5C1C; --scrim:rgba(10,32,56,.45);
  --watch-line:rgba(227,154,22,.35); --violet-line:rgba(109,74,184,.35);
  --chart-grid:rgba(105,119,135,.22);
}
:root[data-theme="dark"]{
  --aqua-dim:#1E6A82; --aqua-soft:rgba(58,196,238,.14); --aqua-glow:rgba(58,196,238,.10);
  --gold:#E8C069; --gold-2:#B8862F; --scrim:rgba(2,6,11,.66);
  --watch-line:rgba(236,178,74,.35); --violet-line:rgba(167,139,222,.35);
  --chart-grid:rgba(39,64,86,.6);
}
@media print{
  /* Paper is always light. */
  :root,:root[data-theme="dark"]{
    --paper:#faf9f5; --ground:#FFFFFF; --surface:#FFFFFF; --surface-2:#F6F8FA;
    --ink:#131920; --ink-2:#39424E; --muted:#697787; --faint:#98A5B4; --line:#E1E6EC; --line-2:#EEF1F5;
  }
}

/* 3. Proteus names → palette */
:root{
  --bg:var(--paper); --panel:var(--surface); --panel2:var(--surface-2);
  --sunken:var(--surface-2); --raised:var(--surface);
  --text:var(--ink);
  --aqua:var(--accent);
  --balanced:var(--ok); --watch:var(--warn); --over:var(--crit); --corr:var(--info); --violet:var(--due);
  --chart-tick:var(--muted); --chart-text:var(--ink);
  --chart-tip-bg:var(--surface); --chart-tip-border:var(--line); --chart-tip-body:var(--ink-2);
}