/* Atdrive Software Design System tokens, generated from its tokens.json
 * (https://claude.ai/artifact/TLuZmf1VuiW3ap7VvPkpsH). Do not edit by hand: re-generate when the
 * design system changes (packages/brand/scripts/gen-tokens.mjs, `npm run brand:tokens -- <tokens.json>`).
 * Light is the default; dark applies via data-theme="dark" or the OS setting (unless
 * data-theme="light"). Print is always light. */

:root {
  color-scheme: light;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-64: 64px;
  --space-96: 96px;
  --space-112: 112px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-input: 9px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --container-max: 1312px;
  --prose-max: 768px;
  --nav-height: 72px;
  --control-height: 50px;
  --icon-button: 44px;
  --font-sans: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand: #ff4401;
  --brand-2: #ff6600;
  --brand-3: #ff8a3d;
  --brand-accent: #ff5722;
  --brand-strong: #c73600;
  --brand-soft: #fff6f2;
  --on-brand: #ffffff;
  --on-brand-strong: #ffffff;
  --heading: #000000;
  --ink: #1e1e1e;
  --ink-muted: #64748b;
  --surface: #ffffff;
  --surface-subtle: #fafafa;
  --surface-muted: #f5f5f5;
  --surface-raised: #ffffff;
  --surface-inverse: #000000;
  --line: #e2e8f0;
  --line-strong: #8a8f98;
  --dot-inactive: #d8dbe0;
  --focus-ring: var(--brand-strong);
  --success: #15803d;
  --success-soft: #f0fdf4;
  --warning: #b45309;
  --warning-soft: #fffbeb;
  --danger: #b91c1c;
  --danger-soft: #fef2f2;
  --info: #1d4ed8;
  --info-soft: #eff6ff;
  --shadow-card: 0px 4px 44px 0px rgba(0,0,0,0.06);
  --shadow-float: 0px 4px 20px 0px rgba(0,0,0,0.12);
  --shadow-menu: 0px 4px 25px 0px rgba(0,0,0,0.2);
  --shadow-cta: 0px 4px 25px 0px rgba(0,0,0,0.25), inset 0px 4px 4px 0px rgba(0,0,0,0.05);
  --shadow-glass: inset 0px 0px 0px 2px rgba(255,255,255,0.3), 0px 4px 4px 0px rgba(0,0,0,0.15);
}

:root[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;
  --brand-strong: #ff6600;
  --brand-soft: #2e1d22;
  --on-brand-strong: #111827;
  --heading: #ffffff;
  --ink: #ffffff;
  --ink-muted: #94a3b8;
  --surface: #111827;
  --surface-subtle: #0b1220;
  --surface-muted: #1d2432;
  --surface-raised: #1d2432;
  --line: #2a3242;
  --line-strong: #6b7280;
  --dot-inactive: #374151;
  --success: #4ade80;
  --success-soft: #052e16;
  --warning: #fbbf24;
  --warning-soft: #451a03;
  --danger: #f87171;
  --danger-soft: #450a0a;
  --info: #60a5fa;
  --info-soft: #172554;
  --shadow-card: 0px 4px 44px 0px rgba(0,0,0,0.4);
  --shadow-float: 0px 4px 20px 0px rgba(0,0,0,0.5);
  --shadow-menu: 0px 4px 25px 0px rgba(0,0,0,0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --brand-strong: #ff6600;
    --brand-soft: #2e1d22;
    --on-brand-strong: #111827;
    --heading: #ffffff;
    --ink: #ffffff;
    --ink-muted: #94a3b8;
    --surface: #111827;
    --surface-subtle: #0b1220;
    --surface-muted: #1d2432;
    --surface-raised: #1d2432;
    --line: #2a3242;
    --line-strong: #6b7280;
    --dot-inactive: #374151;
    --success: #4ade80;
    --success-soft: #052e16;
    --warning: #fbbf24;
    --warning-soft: #451a03;
    --danger: #f87171;
    --danger-soft: #450a0a;
    --info: #60a5fa;
    --info-soft: #172554;
    --shadow-card: 0px 4px 44px 0px rgba(0,0,0,0.4);
    --shadow-float: 0px 4px 20px 0px rgba(0,0,0,0.5);
    --shadow-menu: 0px 4px 25px 0px rgba(0,0,0,0.6);
  }
}

@media print {
  :root,
  :root[data-theme="dark"],
  :root:not([data-theme="light"]) {
    color-scheme: light;
    --brand-strong: #c73600;
    --brand-soft: #fff6f2;
    --on-brand-strong: #ffffff;
    --heading: #000000;
    --ink: #1e1e1e;
    --ink-muted: #64748b;
    --surface: #ffffff;
    --surface-subtle: #fafafa;
    --surface-muted: #f5f5f5;
    --surface-raised: #ffffff;
    --line: #e2e8f0;
    --line-strong: #8a8f98;
    --dot-inactive: #d8dbe0;
    --success: #15803d;
    --success-soft: #f0fdf4;
    --warning: #b45309;
    --warning-soft: #fffbeb;
    --danger: #b91c1c;
    --danger-soft: #fef2f2;
    --info: #1d4ed8;
    --info-soft: #eff6ff;
    --shadow-card: 0px 4px 44px 0px rgba(0,0,0,0.06);
    --shadow-float: 0px 4px 20px 0px rgba(0,0,0,0.12);
    --shadow-menu: 0px 4px 25px 0px rgba(0,0,0,0.2);
  }
}