/* Apex Grand Touring design tokens v1.0. Generated from tokens.json. Dark is the default theme. */
:root {
  --agt-bg: #0E0F12;
  --agt-surface: #16181D;
  --agt-surface-raised: #1F2228;
  --agt-line: #2A2E36;
  --agt-fg: #EDE6DA;
  --agt-fg-muted: #A9A49B;
  --agt-fg-faint: #6B665E;
  --agt-accent: #E8692A;
  --agt-accent-pressed: #C9541A;
  --agt-on-accent: #0E0F12;
  --agt-success: #4FA36B;
  --agt-warning: #E0B341;
  --agt-danger: #E5534B;
  --agt-info: #6FA8DC;
  --agt-ink: #0E0F12; --agt-bone: #EDE6DA; --agt-apex-orange: #E8692A; --agt-graphite: #16181D;
  --agt-font-brand: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --agt-font-numeric: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --agt-space-xxs: 4px;
  --agt-space-xs: 8px;
  --agt-space-sm: 12px;
  --agt-space-md: 16px;
  --agt-space-lg: 24px;
  --agt-space-xl: 32px;
  --agt-space-xxl: 48px;
  --agt-space-xxxl: 64px;
  --agt-radius-sm: 8px;
  --agt-radius-md: 12px;
  --agt-radius-lg: 20px;
  --agt-radius-pill: 999px;
  --agt-touch: 44px;
  --agt-dur-fast: 150ms; --agt-dur: 220ms; --agt-dur-emph: 320ms; --agt-ease: cubic-bezier(0.2, 0, 0, 1);
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  --agt-bg: #EDE6DA;
  --agt-surface: #E3DBCC;
  --agt-surface-raised: #F5F0E7;
  --agt-line: #CEC4B2;
  --agt-fg: #0E0F12;
  --agt-fg-muted: #5A554D;
  --agt-fg-faint: #8A8378;
  --agt-accent: #9E400F;
  --agt-accent-pressed: #7E310A;
  --agt-on-accent: #F5F0E7;
  --agt-success: #276A3F;
  --agt-warning: #745A0C;
  --agt-danger: #B3261E;
  --agt-info: #2A5C82;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --agt-bg: #EDE6DA;
  --agt-surface: #E3DBCC;
  --agt-surface-raised: #F5F0E7;
  --agt-line: #CEC4B2;
  --agt-fg: #0E0F12;
  --agt-fg-muted: #5A554D;
  --agt-fg-faint: #8A8378;
  --agt-accent: #9E400F;
  --agt-accent-pressed: #7E310A;
  --agt-on-accent: #F5F0E7;
  --agt-success: #276A3F;
  --agt-warning: #745A0C;
  --agt-danger: #B3261E;
  --agt-info: #2A5C82;
  color-scheme: light;
}
.agt-display { font-family: var(--agt-font-brand); font-size: 40px; font-weight: 300; line-height: 1.05; letter-spacing: 0.02em; font-stretch: 125%; }
.agt-title1 { font-family: var(--agt-font-brand); font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: 0em; font-stretch: 112%; }
.agt-title2 { font-family: var(--agt-font-brand); font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: 0em; font-stretch: 112%; }
.agt-headline { font-family: var(--agt-font-brand); font-size: 17px; font-weight: 600; line-height: 1.3; letter-spacing: 0em; font-stretch: 100%; }
.agt-body { font-family: var(--agt-font-brand); font-size: 17px; font-weight: 400; line-height: 1.45; letter-spacing: 0em; font-stretch: 100%; }
.agt-callout { font-family: var(--agt-font-brand); font-size: 15px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; font-stretch: 100%; }
.agt-footnote { font-family: var(--agt-font-brand); font-size: 13px; font-weight: 400; line-height: 1.35; letter-spacing: 0em; font-stretch: 100%; }
.agt-label { font-family: var(--agt-font-brand); font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 0.12em; font-stretch: 112%; text-transform: uppercase; }
.agt-statXL { font-family: var(--agt-font-numeric); font-size: 34px; font-weight: 500; line-height: 1.0; letter-spacing: 0em; font-variant-numeric: tabular-nums; }
.agt-stat { font-family: var(--agt-font-numeric); font-size: 20px; font-weight: 500; line-height: 1.1; letter-spacing: 0em; font-variant-numeric: tabular-nums; }
.agt-statLabel { font-family: var(--agt-font-brand); font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 0em; font-stretch: 100%; }