/* Generated by scripts/gen_tokens.rb from design/tokens.json. Do not edit. */

:root {
  --brand: #F7C244;
  --onBrand: #231F16;
  --brandInk: #8A5A00;
  --ground: #FFFCF5;
  --surface: #FFFFFF;
  --ink: #231F16;
  --inkMuted: #6B6355;
  --line: #E8E0D0;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;

  --radius-thumb: 14px;
  --radius-card: 20px;
  --radius-sheet: 28px;

  --type-display: 34px;
  --type-title: 26px;
  --type-headline: 19px;
  --type-body: 17px;
  --type-callout: 16px;
  --type-label: 15px;
  --type-caption: 13px;
  --type-micro: 11px;

  --face-display: "Poppins", ui-rounded, -apple-system, system-ui, sans-serif;
  --face-text: -apple-system, system-ui, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #FFD36B;
    --onBrand: #231F16;
    --brandInk: #FFCF63;
    --ground: #14120E;
    --surface: #1E1B15;
    --ink: #F5F1E8;
    --inkMuted: #A8A192;
    --line: #332E25;
  }
}

:root[data-theme="dark"] {
  --brand: #FFD36B;
  --onBrand: #231F16;
  --brandInk: #FFCF63;
  --ground: #14120E;
  --surface: #1E1B15;
  --ink: #F5F1E8;
  --inkMuted: #A8A192;
  --line: #332E25;
}