/* AXAL One — tokens (generated from tokens.json). Dark is default; set data-theme="light" on any element. */
:root, [data-theme="dark"] {
  color-scheme: dark;
  --page: #08080B;
  --surface: #0D0C14;
  --panel: #0D0C14;
  --sel: #13121C;
  --row-hover: rgba(139, 92, 246, 0.05);
  --line: #232130;
  --line-strong: #3A3650;
  --ink: #EFEDFA;
  --ink-2: #B4AFC8;
  --ink-3: #918CA9;
  --accent: #8B5CF6;
  --accent-strong: #7040CD;
  --accent-text: #A78BFA;
  --accent-soft: rgba(139, 92, 246, 0.10);
  --accent-line: rgba(139, 92, 246, 0.30);
  --cmd-sel: rgba(139, 92, 246, 0.12);
  --on-accent: #FFFFFF;
  --live: #22D3EE;
  --success: #34D399;
  --success-line: rgba(52, 211, 153, 0.45);
  --success-soft: rgba(52, 211, 153, 0.12);
  --warn: #FBBF24;
  --warn-text: #FBBF24;
  --warn-soft: rgba(251, 191, 36, 0.08);
  --warn-line: rgba(251, 191, 36, 0.40);
  --danger: #F87171;
  --danger-soft: rgba(248, 113, 113, 0.08);
  --danger-line: rgba(248, 113, 113, 0.45);
  --badge-bg: rgba(155, 151, 181, 0.18);
  --skel: rgba(155, 151, 181, 0.14);
  --toast-bg: #EFEDFA;
  --toast-fg: #08080B;
  --toast-action: #7040CD;
  --toast-success: #047857;
  --scrim: rgba(8, 8, 11, 0.62);
  --focus: #A78BFA;
  --shadow-panel: -1px 0 0 #232130, -32px 0 64px -24px rgba(0, 0, 0, 0.8);
  --shadow-toast: 0 16px 40px -12px rgba(0, 0, 0, 0.5);
  --shadow-palette: 0 32px 80px -24px rgba(0, 0, 0, 0.9);
}
[data-theme="light"] {
  color-scheme: light;
  --page: #FAFAFC;
  --surface: #F1F0F7;
  --panel: #FFFFFF;
  --sel: #F1F0F7;
  --row-hover: rgba(124, 77, 239, 0.05);
  --line: #DBD8E8;
  --line-strong: #C3BED6;
  --ink: #17151F;
  --ink-2: #4A4661;
  --ink-3: #625D76;
  --accent: #7C4DEF;
  --accent-strong: #7040CD;
  --accent-text: #6D3FE0;
  --accent-soft: rgba(124, 77, 239, 0.06);
  --accent-line: rgba(124, 77, 239, 0.28);
  --cmd-sel: rgba(124, 77, 239, 0.08);
  --on-accent: #FFFFFF;
  --live: #0891B2;
  --success: #047857;
  --success-line: rgba(4, 120, 87, 0.40);
  --success-soft: rgba(4, 120, 87, 0.08);
  --warn: #B45309;
  --warn-text: #9A4B05;
  --warn-soft: rgba(180, 83, 9, 0.06);
  --warn-line: rgba(180, 83, 9, 0.35);
  --danger: #C62828;
  --danger-soft: rgba(198, 40, 40, 0.05);
  --danger-line: rgba(198, 40, 40, 0.35);
  --badge-bg: rgba(74, 70, 97, 0.10);
  --skel: rgba(74, 70, 97, 0.10);
  --toast-bg: #17151F;
  --toast-fg: #FAFAFC;
  --toast-action: #B9A3FF;
  --toast-success: #34D399;
  --scrim: rgba(23, 21, 31, 0.28);
  --focus: #7040CD;
  --shadow-panel: -1px 0 0 #DBD8E8, -24px 0 48px -24px rgba(23, 21, 31, 0.22);
  --shadow-toast: 0 16px 40px -12px rgba(23, 21, 31, 0.35);
  --shadow-palette: 0 32px 80px -24px rgba(23, 21, 31, 0.35);
}
:root {
  --font-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-wordmark: "Archivo Black", "Arial Black", sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --radius-0: 0px;
  --radius-dot: 50%;
  --header-h: 60px;
  --nav-w: 236px;
  --content-max: 1120px;
  --panel-w: 440px;
  --palette-w: 640px;
  --row-min-h: 60px;
  --control-lg: 44px;
  --control-md: 40px;
  --control-sm: 36px;
  --control-xs: 32px;
  --footer-h: 76px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --dur-hover: 120ms;
  --dur-press: 160ms;
  --dur-enter: 260ms;
  --dur-panel: 300ms;
  --dur-toast: 320ms;
  --dur-countdown: 6s;
  --dur-flash: 1.8s;
  --dur-ping: 2.4s;
}
.t-page-title { font-family: var(--font-display); font-size: 22px; line-height: 26px; font-weight: 900; letter-spacing: -0.22px; text-transform: uppercase; }
.t-big-number { font-family: var(--font-ui); font-size: 32px; line-height: 36px; font-weight: 600; letter-spacing: -0.96px; }
.t-h2 { font-family: var(--font-ui); font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.48px; }
.t-panel-title { font-family: var(--font-ui); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.44px; }
.t-lead { font-family: var(--font-ui); font-size: 18px; line-height: 24px; font-weight: 600; }
.t-body-strong { font-family: var(--font-ui); font-size: 15px; line-height: 22px; font-weight: 500; }
.t-body { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 400; }
.t-meta { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 400; }
.t-ask { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.t-terminal { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.t-kbd { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.t-wordmark { font-family: var(--font-wordmark); font-size: 13.64px; line-height: 1; font-weight: 400; }