/* GoX Tech — Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --brand-orange: #fc4c02;
  --brand-orange-dark: #c03b02;
  --brand-orange-tint: #fff6f3;
  --ink: #373a36;
  --ink-muted: #5a6570;
  --label-muted: #888888;
  --surface: #ffffff;
  --surface-alt: #f5f5f5;
  --surface-dark: #262824;
  --border: #d9d9d9;
  --success: #18d26e;
  --danger: #dc3545;
  --accent-blue: #2e7dd1;
  --accent-purple: #7c5cfc;
  --accent-teal: #128074;
  --accent-indigo: #3b4c9e;
}
:root {
  --space-1: 8px;
  --space-2: 15px;
  --space-3: 24px;
  --space-4: 30px;
  --space-5: 60px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 15px;
  --radius-pill: 50px;
  --radius-full: 50%;
  --font-display: 'Raleway', sans-serif;
  --font-sans: 'Open Sans', sans-serif;
  --text-display-1: 700 48px/56px var(--font-display);
  --text-heading-2: 700 36px/44px var(--font-display);
  --text-heading-3: 600 28px/36px var(--font-display);
  --text-heading-4: 600 22px/30px var(--font-display);
  --text-stat-display: 700 64px/64px var(--font-display);
  --text-eyebrow: 700 13px/18px var(--font-sans);
  --text-subtitle: 400 24px/34px var(--font-sans);
  --text-body: 400 16px/26px var(--font-sans);
  --text-body-sm: 400 14px/22px var(--font-sans);
  --text-caption: 400 12px/18px var(--font-sans);
}
.display-1 { font-family: var(--font-display); font-size: 48px; line-height: 56px; font-weight: 700; }
.heading-2 { font-family: var(--font-display); font-size: 36px; line-height: 44px; font-weight: 700; }
.heading-3 { font-family: var(--font-display); font-size: 28px; line-height: 36px; font-weight: 600; }
.heading-4 { font-family: var(--font-display); font-size: 22px; line-height: 30px; font-weight: 600; }
.stat-display { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 700; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 700; }
.subtitle { font-family: var(--font-sans); font-size: 24px; line-height: 34px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 400; }