/* Generated by scripts/build-tokens.mjs from tokens/source.json — do not edit. */
:root {
  --color-green-50: #ECF8F6;
  --color-green-100: #D7EDEA;
  --color-green-200: #B0DBD6;
  --color-green-300: #90BBB6;
  --color-green-400: #6C9691;
  --color-green-500: #4C7570;
  --color-green-600: #365E59;
  --color-green-700: #28504C;
  --color-green-800: #1C4541;
  --color-green-900: #17403C;
  --color-green-950: #00211E;
  --color-mauve-600: #855A54;
  --color-gold-400: #FDC581;
  --color-cream-50: #FAF1E7;
  --color-peach-200: #F9DCC4;
  --color-ink: #0E2623;
  --color-white: #FFFFFF;
  --color-warning: #8A5A12;
  --color-clay-600: #A4483A;
  --color-sage-600: #4F6B63;
  --color-danger-dark: #E8907F;
  --font-ar: "Alexandria", "IBM Plex Sans Arabic", sans-serif;
  --font-en: "Bodoni Moda", Georgia, serif;
  --font-num: "Alexandria", "IBM Plex Sans Arabic", sans-serif;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --size-xs: 12px;
  --size-sm: 14px;
  --size-base: 16px;
  --size-lg: 20px;
  --size-xl: 25px;
  --size-2xl: 31px;
  --size-3xl: 39px;
  --size-4xl: 49px;
  --size-5xl: 61px;
  --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;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgb(23 64 60 / .08);
  --shadow-md: 0 6px 20px rgb(23 64 60 / .10);
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: var(--color-cream-50);
  --surface: var(--color-white);
  --fg: var(--color-green-900);
  --fg-muted: var(--color-green-700);
  --border: var(--color-peach-200);
  --primary: var(--color-green-900);
  --primary-fg: var(--color-cream-50);
  --accent: var(--color-mauve-600);
  --accent-fg: var(--color-cream-50);
  --success: var(--color-green-600);
  --warning: var(--color-warning);
  --danger: var(--color-clay-600);
  --info: var(--color-sage-600);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--color-green-900);
  --surface: var(--color-green-950);
  --fg: var(--color-cream-50);
  --fg-muted: var(--color-green-200);
  --border: rgb(253 197 129 / .25);
  --primary: var(--color-gold-400);
  --primary-fg: var(--color-green-900);
  --accent: var(--color-gold-400);
  --accent-fg: var(--color-green-900);
  --success: var(--color-green-300);
  --warning: var(--color-gold-400);
  --danger: var(--color-danger-dark);
  --info: var(--color-green-200);
}