:root {
  --bg: #F3F5F3;
  --surface: #FFFFFF;
  --surface-2: #EAEDE8;
  --ink: #14161A;
  --ink-dim: #6B706C;
  --line: #E1E4DF;
  --signal: #BF5B37;
  --signal-contrast: #FFFFFF;
  --cta-bg: #0C0D0C;
  --cta-ink: #F3F5F3;
  --cta-ink-dim: #9CA39D;

  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  --container: min(1180px, 92vw);

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 100px;
  --space-7: 140px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0C0D0C;
    --surface: #17191A;
    --surface-2: #1F2422;
    --ink: #F3F5F3;
    --ink-dim: #9CA39D;
    --line: rgba(255, 255, 255, 0.10);
    --signal: #D97148;
    --signal-contrast: #0C0D0C;
    --cta-bg: #1F2422;
    --cta-ink: #F3F5F3;
    --cta-ink-dim: #9CA39D;
  }
}

:root[data-theme="dark"] {
  --bg: #0C0D0C;
  --surface: #17191A;
  --surface-2: #1F2422;
  --ink: #F3F5F3;
  --ink-dim: #9CA39D;
  --line: rgba(255, 255, 255, 0.10);
  --signal: #D97148;
  --signal-contrast: #0C0D0C;
  --cta-bg: #1F2422;
  --cta-ink: #F3F5F3;
  --cta-ink-dim: #9CA39D;
}