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

:root {
  --ink: #171816;
  --cream: #f7f3ec;
  --paper: #fffdf9;
  --coral: #e85e3e;
  --coral-soft: #f7c8b7;
  --sage: #dce7d5;
  --bg: #f7f3ec;
  --surface: #fffdf9;
  --fg: #171816;
  --fg-muted: #171816b3;
  --accent: #e85e3e;
  --tile: #171816;
  --on-tile: #f7f3ec;
  --hairline: #1718161f;
  --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: #171816;
  --surface: #22231f;
  --fg: #f7f3ec;
  --fg-muted: #f7f3ecad;
  --accent: #f7c8b7;
  --tile: #f7f3ec;
  --on-tile: #171816;
  --hairline: #f7f3ec24;
  --danger: #E8887A;
}

@media (prefers-color-scheme: dark) {
  :root {
  --bg: #171816;
  --surface: #22231f;
  --fg: #f7f3ec;
  --fg-muted: #f7f3ecad;
  --accent: #f7c8b7;
  --tile: #f7f3ec;
  --on-tile: #171816;
  --hairline: #f7f3ec24;
  --danger: #E8887A;
  }
}