/* GENERATED by scripts/build-tokens.ts from brand/kit/tokens.json. Do not hand-edit. */

:root {
  --ink: #292c30;
  --cream: #fbf7ef;
  --paper: #fffdfa;
  --coral: #bd422c;
  --peach: #ff8665;
  --coral-soft: #f0e9db;
  --sage: #f0e9db;
  --bg: #fbf7ef;
  --surface: #fffdfa;
  --fg: #292c30;
  --fg-muted: #64635e;
  --accent: #bd422c;
  --tile: #292c30;
  --on-tile: #fbf7ef;
  --hairline: #dcd5c9;
  --danger: #B0362A;
  --whatsapp: #25D366;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-tile: 22.37%;
  --font-sans: "Instrument Sans", system-ui, sans-serif;
}

[data-theme="dark"] {
  --bg: #292c30;
  --surface: #33363a;
  --fg: #fbf7ef;
  --fg-muted: #fbf7efad;
  --accent: #f0e9db;
  --tile: #fbf7ef;
  --on-tile: #292c30;
  --hairline: #fbf7ef24;
  --danger: #E8887A;
}

@media (prefers-color-scheme: dark) {
  :root {
  --bg: #292c30;
  --surface: #33363a;
  --fg: #fbf7ef;
  --fg-muted: #fbf7efad;
  --accent: #f0e9db;
  --tile: #fbf7ef;
  --on-tile: #292c30;
  --hairline: #fbf7ef24;
  --danger: #E8887A;
  }
}