/* Consola — generated from tokens.json (dark is :root, light under [data-theme="light"]) */
:root {
  --surface-000: #1b1714;
  --surface-100: #27211b;
  --surface-200: #15120f;
  --ink: #f0e5d2;
  --ink-muted: #a4967f;
  --hairline: #3d342b;
  --hairline-strong: #6b5d4c;
  --amber: #f08a2a;
  --on-amber: #1f1308;
  --amber-text: #f08a2a;
  --teal: #63aca3;
  --on-teal: #0f1f1d;
  --teal-text: #63aca3;
  --signal: #e05a3a;
  --on-signal: #1f0d08;
  --signal-text: #f07a5e;
  --focus: #f0c060;
  --lamp-off: #4a4036;
  --scrim: #1b1714cc;
  --chart-amber-1: #fbd9ad;
  --chart-amber-2: #f7b46a;
  --chart-amber-3: #f08a2a;
  --chart-amber-4: #d2741f;
  --chart-amber-5: #9a4f12;
  --chart-teal-1: #bfe2dc;
  --chart-teal-2: #8fcac2;
  --chart-teal-3: #63aca3;
  --chart-teal-4: #4a8b84;
  --chart-teal-5: #2f6560;
  --cat-1: #f08a2a;
  --cat-2: #7f93c4;
  --cat-3: #f0e5d2;
  --cat-4: #e05a3a;
  --cat-5: #63aca3;
  --cat-6: #b8a24a;
  --bevel: inset 0 1px 0 #ffffff14, 0 1px 0 #00000059;
  --bevel-inset: inset 0 2px 4px #00000066;
  --glow-amber: 0 0 8px #f08a2a80;
  --glow-teal: 0 0 8px #63aca380;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-ctl: 3px;
  --radius-card: 4px;
  --radius-panel: 8px;
  --radius-lamp: 1px;
  --icon-stroke: 1.75px;
  --plate-height: 6px;
  --focus-ring: 2px;
  --duration-switch: 120ms;
  --duration-reveal: 220ms;
  --duration-type: 28ms;
  --duration-pulse: 1800ms;
  --scanline-pitch: 4px;
  --scanline-opacity: 0.07;
  --font-display: "Chakra Petch", "Bai Jamjuree", system-ui, sans-serif;
  --font-body: "Bai Jamjuree", "Chakra Petch", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

:root[data-theme="light"] {
  --surface-000: #e9e0cf;
  --surface-100: #f6efe1;
  --surface-200: #dfd4bf;
  --ink: #2a221b;
  --ink-muted: #625646;
  --hairline: #cdbfa6;
  --hairline-strong: #8a7a62;
  --amber: #a84f06;
  --on-amber: #fff6ea;
  --amber-text: #8f4304;
  --teal: #2c7a73;
  --on-teal: #f2fbf9;
  --teal-text: #1f615b;
  --signal: #b8361c;
  --on-signal: #fff3ee;
  --signal-text: #a12b12;
  --focus: #8a4200;
  --lamp-off: #b3a68e;
  --scrim: #2a221b99;
  --chart-amber-1: #5a2a04;
  --chart-amber-2: #8f4304;
  --chart-amber-3: #b85708;
  --chart-amber-4: #e58a2a;
  --chart-amber-5: #f7b46a;
  --chart-teal-1: #143f3b;
  --chart-teal-2: #1f615b;
  --chart-teal-3: #2c7a73;
  --chart-teal-4: #5fa79e;
  --chart-teal-5: #8fcac2;
  --cat-1: #b85708;
  --cat-2: #3f5588;
  --cat-3: #2a221b;
  --cat-4: #c9502f;
  --cat-5: #1f615b;
  --cat-6: #6d5e18;
  --bevel: inset 0 1px 0 #ffffff99, 0 1px 0 #2a221b33;
  --bevel-inset: inset 0 2px 4px #2a221b26;
  --glow-amber: 0 0 6px #a84f0666;
  --glow-teal: 0 0 6px #2c7a7366;
}

.t-display-xl { font-family: var(--font-display); font-size: 44px; line-height: 48px; font-weight: 600; letter-spacing: 0.01em; }
.t-display-lg { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 600; letter-spacing: 0.01em; }
.t-heading-md { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 600; letter-spacing: 0.01em; }
.t-heading-sm { font-family: var(--font-display); font-size: 19px; line-height: 24px; font-weight: 600; letter-spacing: 0.01em; }
.t-title { font-family: var(--font-display); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.t-body-lg { font-family: var(--font-body); font-size: 17px; line-height: 26px; font-weight: 400; }
.t-body { font-family: var(--font-body); font-size: 15px; line-height: 23px; font-weight: 400; }
.t-body-strong { font-family: var(--font-body); font-size: 15px; line-height: 23px; font-weight: 600; }
.t-body-sm { font-family: var(--font-body); font-size: 13px; line-height: 19px; font-weight: 400; }
.t-caption { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 500; }
.t-label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; text-transform: uppercase; }
.t-data-xl { font-family: var(--font-mono); font-size: 40px; line-height: 44px; font-weight: 700; font-variant-numeric: tabular-nums; }
.t-data-lg { font-family: var(--font-mono); font-size: 28px; line-height: 32px; font-weight: 700; font-variant-numeric: tabular-nums; }
.t-data { font-family: var(--font-mono); font-size: 15px; line-height: 20px; font-weight: 400; font-variant-numeric: tabular-nums; }
.t-data-sm { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; font-variant-numeric: tabular-nums; }
.t-code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; font-variant-numeric: tabular-nums; }