/* Generated from tokens.json by build_tokens.py. Edit tokens.json, then run the script again. */
:root {
  --color-base-pod: #3e5b3a;
  --color-base-deep-leaf: #24382a;
  --color-base-saffron: #e2a62b;
  --color-base-clay: #a9502f;
  --color-base-milk: #f7f2e8;
  --color-base-ink: #1e2320;
  --color-utility-paper: #fffdf8;
  --font-family-latin: Fraunces, Georgia, serif;
  --font-family-arabic: "Noto Naskh Arabic", "Geeza Pro", serif;
  --font-family-mono: ui-monospace, Menlo, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 650;
  --font-arabic-scale: 1.1;
  --size-type-small: 0.875rem;
  --size-type-body: 1.125rem;
  --size-type-lead: 1.375rem;
  --size-type-h3: 1.75rem;
  --size-type-h2: 2.5rem;
  --size-type-h1: 4rem;
  --size-type-display: 5.5rem;
  --size-space-1: 0.25rem;
  --size-space-2: 0.5rem;
  --size-space-3: 1rem;
  --size-space-4: 1.5rem;
  --size-space-5: 2.5rem;
  --size-space-6: 4rem;
  --size-space-7: 6.5rem;
  --size-radius-small: 8px;
  --size-radius-large: 22px;
  --size-radius-pill: 999px;
  --motion-duration-quick: 160ms;
  --motion-duration-steady: 320ms;
  --motion-duration-slow: 900ms;
  --motion-easing-pour: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-steep: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-easing-lift: cubic-bezier(0.3, 0, 1, 1);
  --bg: var(--color-base-milk);
  --surface: var(--color-utility-paper);
  --fg: var(--color-base-ink);
  --muted: rgb(30 35 32 / 0.7);
  --line: rgb(30 35 32 / 0.14);
  --accent: var(--color-base-pod);
  --on-accent: var(--color-base-milk);
  --highlight: var(--color-base-saffron);
  --alert: var(--color-base-clay);
  --band: var(--color-base-deep-leaf);
  --on-band: var(--color-base-milk);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--color-base-ink);
    --surface: var(--color-base-deep-leaf);
    --fg: var(--color-base-milk);
    --muted: rgb(247 242 232 / 0.72);
    --line: rgb(247 242 232 / 0.16);
    --accent: var(--color-base-saffron);
    --on-accent: var(--color-base-ink);
    --highlight: var(--color-base-saffron);
    --alert: var(--color-base-clay);
    --band: var(--color-base-deep-leaf);
    --on-band: var(--color-base-milk);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: var(--color-base-ink);
  --surface: var(--color-base-deep-leaf);
  --fg: var(--color-base-milk);
  --muted: rgb(247 242 232 / 0.72);
  --line: rgb(247 242 232 / 0.16);
  --accent: var(--color-base-saffron);
  --on-accent: var(--color-base-ink);
  --highlight: var(--color-base-saffron);
  --alert: var(--color-base-clay);
  --band: var(--color-base-deep-leaf);
  --on-band: var(--color-base-milk);
  color-scheme: dark;
}