/* GENERATED by scripts/build-palette.mjs — do not edit.
 * Source of truth: design/palette.mjs. Run `node scripts/build-palette.mjs` after
 * changing it, and `node scripts/audit-contrast.mjs` to prove the result still measures.
 *
 * The vivid tones below are DECORATIVE ONLY — glows, tints, edges. Vivid green is 2.28:1
 * and vivid orange 2.04:1 on white, so neither may carry text, an icon, or a border that
 * means something; the matching `-ink` is what does that.
 */

:root {
  --t-blue-vivid: #1F62FF;
  --t-blue-vivid-rgb: 31,98,255;
  --t-green-vivid: #22C55E;
  --t-green-vivid-rgb: 34,197,94;
  --t-orange-vivid: #FF9F43;
  --t-orange-vivid-rgb: 255,159,67;
  --t-red-vivid: #EF4444;
  --t-red-vivid-rgb: 239,68,68;
}

/* Light — pure white ground.
 * The [data-theme='light'] selector is not redundant with :root — the app can carry .dark
 * on the document while a shell inside it is explicitly light, and inherited custom
 * properties would otherwise hand that light shell the DARK values. A rule matching the
 * shell itself beats anything inherited from an ancestor, which is what makes the reset
 * real rather than decorative. */
:root,
[data-theme='light'] {
  --t-bg: #ffffff;
  --t-bg-rgb: 255,255,255;
  --t-surface: #ffffff;
  --t-surface-rgb: 255,255,255;
  --t-surface-2: #f7f9fd;
  --t-surface-2-rgb: 247,249,253;
  --t-raise: #ffffff;
  --t-raise-rgb: 255,255,255;
  --t-ink: #0b1b3a;
  --t-ink-rgb: 11,27,58;
  --t-ink-2: #56688a;
  --t-ink-2-rgb: 86,104,138;
  --t-ink-3: #5e7297;
  --t-ink-3-rgb: 94,114,151;
  --t-line: #dce0e9;
  --t-line-rgb: 220,224,233;
  --t-line-2: #eef1f6;
  --t-line-2-rgb: 238,241,246;
  --t-lift-rgb: 20,48,107;
  --t-accent: #1f62ff;
  --t-accent-rgb: 31,98,255;
  --t-accent-fill: #1f62ff;
  --t-accent-fill-rgb: 31,98,255;
  --t-accent-deep: #0a2bb8;
  --t-accent-deep-rgb: 10,43,184;
  --t-accent-ink: #ffffff;
  --t-accent-ink-rgb: 255,255,255;
  --t-accent-weak: #e0e9ff;
  --t-accent-weak-rgb: 224,233,255;
  --t-accent-soft: #3967ff;
  --t-accent-soft-rgb: 57,103,255;
  --t-ok: #147739;
  --t-ok-rgb: 20,119,57;
  --t-warn: #975906;
  --t-warn-rgb: 151,89,6;
  --t-err: #c51e1e;
  --t-err-rgb: 197,30,30;
  --t-premium: #975906;
  --t-premium-rgb: 151,89,6;
  --t-chart-1: #1f62ff;
  --t-chart-1-rgb: 31,98,255;
  --t-chart-2: #5d348a;
  --t-chart-2-rgb: 93,52,138;
  --t-chart-3: #ce7d0b;
  --t-chart-3-rgb: 206,125,11;
  --t-chart-4: #0c6c34;
  --t-chart-4-rgb: 12,108,52;
  --t-chart-5: #e04141;
  --t-chart-5-rgb: 224,65,65;
  --t-blue-ink: var(--t-accent);
  --t-blue-series: var(--t-chart-1);
  --t-green-ink: var(--t-ok);
  --t-green-series: var(--t-chart-4);
  --t-orange-ink: var(--t-warn);
  --t-orange-series: var(--t-chart-3);
  --t-red-ink: var(--t-err);
  --t-red-series: var(--t-chart-5);
  --t-violet-series: var(--t-chart-2);
}

/* Dark — pure black ground, derived. See design/palette.mjs for why the accent splits. */
.dark,
[data-theme='dark'] {
  --t-bg: #000000;
  --t-bg-rgb: 0,0,0;
  --t-surface: #16161a;
  --t-surface-rgb: 22,22,26;
  --t-surface-2: #0d0d10;
  --t-surface-2-rgb: 13,13,16;
  --t-raise: #202025;
  --t-raise-rgb: 32,32,37;
  --t-ink: #ebebf0;
  --t-ink-rgb: 235,235,240;
  --t-ink-2: #7f90af;
  --t-ink-2-rgb: 127,144,175;
  --t-ink-3: #6f82a5;
  --t-ink-3-rgb: 111,130,165;
  --t-line: #454548;
  --t-line-rgb: 69,69,72;
  --t-line-2: #2a2a2e;
  --t-line-2-rgb: 42,42,46;
  --t-lift-rgb: 255,255,255;
  --t-accent: #3f79ff;
  --t-accent-rgb: 63,121,255;
  --t-accent-fill: #1f62ff;
  --t-accent-fill-rgb: 31,98,255;
  --t-accent-deep: #769fff;
  --t-accent-deep-rgb: 118,159,255;
  --t-accent-ink: #ffffff;
  --t-accent-ink-rgb: 255,255,255;
  --t-accent-weak: #1d263f;
  --t-accent-weak-rgb: 29,38,63;
  --t-accent-soft: #3967ff;
  --t-accent-soft-rgb: 57,103,255;
  --t-ok: #1aa34e;
  --t-ok-rgb: 26,163,78;
  --t-warn: #cf7a08;
  --t-warn-rgb: 207,122,8;
  --t-err: #e86363;
  --t-err-rgb: 232,99,99;
  --t-premium: #cf7a08;
  --t-premium-rgb: 207,122,8;
  --t-chart-1: #3f79ff;
  --t-chart-1-rgb: 63,121,255;
  --t-chart-2: #c5aee0;
  --t-chart-2-rgb: 197,174,224;
  --t-chart-3: #945a08;
  --t-chart-3-rgb: 148,90,8;
  --t-chart-4: #14b256;
  --t-chart-4-rgb: 20,178,86;
  --t-chart-5: #df3d3d;
  --t-chart-5-rgb: 223,61,61;
  --t-blue-ink: var(--t-accent);
  --t-blue-series: var(--t-chart-1);
  --t-green-ink: var(--t-ok);
  --t-green-series: var(--t-chart-4);
  --t-orange-ink: var(--t-warn);
  --t-orange-series: var(--t-chart-3);
  --t-red-ink: var(--t-err);
  --t-red-series: var(--t-chart-5);
  --t-violet-series: var(--t-chart-2);
}