:root {
  color-scheme: dark;

  --color-amber: #f7a600;
  --color-amber-light: #ffda8c;
  --color-amber-deep: #5a420c;
  --color-turquoise: #00b3b9;
  --color-ketchup: #d8422e;
  --color-chalk: #f7f4f0;
  --color-charcoal: #292728;
  --color-teal-deep: #0b3d49;
  --color-teal-mid: #2a7f8f;
  --color-ink: #121212;
  --color-ink-2: #1e1e1e;
  --color-panel: #10262c;
  --color-panel-slate: #2e4a50;
  --color-panel-hover: #14323a;
  --color-mute: #a9a6a1;
  --color-line: #4a4a4a;
  --color-line-soft: #2c2c2c;
  --color-gridline: rgba(247, 244, 240, 0.26);
  --color-focus: var(--color-amber);
  --color-error: #ff8a75;
  --color-success: #5fd6c9;
  --color-scrim: rgba(8, 10, 11, 0.78);
  --color-photo-scrim: rgba(18, 18, 18, 0.62);
  --color-placeholder: #9a9a9a;
  --color-placeholder-2: #b4b4b4;
  --color-placeholder-3: #d9d9d9;
  --color-teal-hover: #0f5060;
  --color-teal-active: #082e37;

  --seg-oem: var(--color-amber);
  --seg-fleet: var(--color-turquoise);
  --seg-used: var(--color-ketchup);
  --seg-bess: var(--color-teal-deep);

  --font-display: "Syne", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: var(--font-body);

  --fs-display: clamp(3rem, 6.4vw, 5.75rem);
  --fs-h1: clamp(2.5rem, 5vw, 4.5rem);
  --fs-h2: clamp(2rem, 3.8vw, 3.5rem);
  --fs-h3: clamp(1.625rem, 2.6vw, 2.5rem);
  --fs-h4: clamp(1.25rem, 1.8vw, 1.75rem);
  --fs-h5: 1.125rem;
  --fs-card: clamp(1.5rem, 2.3vw, 2.125rem);
  --fs-stat: clamp(1.75rem, 2.6vw, 2.5rem);
  --fs-stat-xl: clamp(5rem, 13vw, 11rem);
  --fs-body-lg: 1.125rem;
  --fs-quote: clamp(1.25rem, 1.9vw, 1.625rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 1.04;
  --lh-snug: 1.2;
  --lh-body: 1.6;
  --ls-display: -0.02em;
  --ls-label: 0.08em;
  --fw-regular: 400;
  --fw-medium: 400;
  --fw-bold: 700;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-section: clamp(4.5rem, 10vw, 9rem);
  --gutter: clamp(1rem, 5.5vw, 5rem);
  --container: 80rem;
  --nav-h: 4.5rem;

  --radius-sm: .375rem;
  --radius-md: .5rem;
  --radius-lg: .75rem;
  --radius-pill: 999px;

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 32px -12px rgba(0, 0, 0, 0.6);
  --shadow-modal: 0 32px 80px -16px rgba(0, 0, 0, 0.75);
  --shadow-focus: 0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-focus);

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-inout: cubic-bezier(0.7, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 450ms;
  --dur-reveal: 800ms;

  --z-nav: 40;
  --z-menu: 45;
  --z-transition: 60;
  --z-modal: 70;
}