@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('./fonts/PlusJakartaSans-variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
  --color-paper: #faf7f2;
  --color-surface: #fff;
  --color-linen: #f0e4d6;
  --color-ink: #29231f;
  --color-muted: #75695f;
  --color-ember: #b4492d;
  --color-ember-hover: #963b24;
  --color-moss: #536649;
  --color-gold: #d9a441;
  --color-border: #ded3c7;
  --color-control-border: #958374;
  --color-danger: #a83232;
  --radius-control: 12px;
  --radius-card: 20px;
  --duration-fast: 160ms;
  --duration-standard: 240ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-paper: #211d1a;
    --color-surface: #302923;
    --color-linen: #3c3028;
    --color-ink: #faf7f2;
    --color-muted: #c2b2a4;
    --color-ember: #f0a184;
    --color-ember-hover: #f7b89f;
    --color-border: #5d5045;
    --color-control-border: #a28d7a;
    color-scheme: dark;
  }
}
[data-theme='dark'] {
  --color-paper: #211d1a;
  --color-surface: #302923;
  --color-linen: #3c3028;
  --color-ink: #faf7f2;
  --color-muted: #c2b2a4;
  --color-ember: #f0a184;
  --color-ember-hover: #f7b89f;
  --color-border: #5d5045;
  --color-control-border: #a28d7a;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-standard: 0ms;
  }
}