/* Generated from docs/design/tokens.json by build-tokens.mjs. Do not edit by hand. */
:root {
  --color-plum-900: #2e0f27;
  --color-plum-800: #3d1534;
  --color-plum-700: #4b1d3f;
  --color-plum-600: #6b2d5c;
  --color-plum-100: #f3e8ef;
  --color-plum-50: #faf4f8;
  --color-gold-500: #c9a24b;
  --color-gold-700: #7a5a17;
  --color-gold-100: #f7eed9;
  --color-rose-500: #c98d94;
  --color-ivory: #faf6f0;
  --color-paper: #ffffff;
  --color-ink: #2a2027;
  --color-ink-2: #6e6069;
  --color-ink-3: #8f848b;
  --color-line: #ece4dc;
  --color-line-strong: #948690;
  --color-ok: #256b4c;
  --color-ok-100: #e3f2ea;
  --color-bad: #b23a48;
  --color-bad-100: #fbe7ea;
  --color-bad-200: #ecc6cc;
  --color-bad-700: #962f3c;
  --color-warn: #8a5a10;
  --color-warn-100: #fdf0dc;
  --color-neutral: #625860;
  --color-neutral-100: #f0ece8;
  --color-on-dark: #f5ecf2;
  --color-on-dark-2: #e3d3de;
  --color-chart-1: #8a2f72;
  --color-chart-2: #2f6fad;
  --color-chart-3: #d0667e;
  --color-chart-4: #a88a24;
  --color-chart-dark-1: #b35ba0;
  --color-chart-dark-2: #4c8ed0;
  --color-chart-dark-3: #d9677f;
  --color-chart-dark-4: #a8922c;
  --color-chart-seq-2: #cdbac6;
  --color-chart-seq-3: #a08297;
  --color-chart-seq-4: #754e69;
  --color-sand-50: #faf8f5;
  --color-sand-100: #f1ece7;
  --color-sand-200: #e8e1db;
  --bg: var(--color-ivory);
  --surface: var(--color-paper);
  --surface-tint: var(--color-plum-50);
  --text: var(--color-ink);
  --text-muted: var(--color-ink-2);
  --text-disabled: var(--color-ink-3);
  --text-on-primary: var(--color-paper);
  --primary: var(--color-plum-700);
  --primary-hover: var(--color-plum-600);
  --danger-hover: var(--color-bad-700);
  --border-danger: var(--color-bad-200);
  --link: var(--color-plum-600);
  --accent: var(--color-rose-500);
  --rating: var(--color-gold-500);
  --brand-accent: var(--color-rose-500);
  --border: var(--color-line);
  --border-input: var(--color-line-strong);
  --focus: var(--color-plum-600);
  --focus-on-dark: var(--color-rose-500);
  --dark-surface: var(--color-plum-800);
  --text-on-dark: var(--color-on-dark);
  --text-on-dark-muted: var(--color-on-dark-2);
  --day-blocked-fill: var(--color-sand-100);
  --day-blocked-stripe: var(--color-sand-200);
  --day-blocked-text: var(--color-neutral);
  --day-past-fill: var(--color-sand-50);
  --skeleton: var(--color-plum-100);
  --tone-ok-fg: var(--color-ok);
  --tone-ok-bg: var(--color-ok-100);
  --tone-ok-solid: var(--color-ok);
  --tone-bad-fg: var(--color-bad);
  --tone-bad-bg: var(--color-bad-100);
  --tone-bad-solid: var(--color-bad);
  --tone-warn-fg: var(--color-warn);
  --tone-warn-bg: var(--color-warn-100);
  --tone-warn-solid: var(--color-warn);
  --tone-pending-fg: var(--color-gold-700);
  --tone-pending-bg: var(--color-gold-100);
  --tone-pending-solid: var(--color-gold-700);
  --tone-info-fg: var(--color-plum-700);
  --tone-info-bg: var(--color-plum-100);
  --tone-info-solid: var(--color-plum-700);
  --tone-neutral-fg: var(--color-neutral);
  --tone-neutral-bg: var(--color-neutral-100);
  --tone-neutral-solid: var(--color-neutral);
  --font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, 'Noto Sans Arabic', system-ui, sans-serif;
  --text-caption: 400 0.75rem/1.5 var(--font);
  --text-small: 400 0.875rem/1.5714285714285714 var(--font);
  --text-body: 400 1rem/1.625 var(--font);
  --text-label: 500 0.875rem/1.4285714285714286 var(--font);
  --text-button: 600 1rem/1.375 var(--font);
  --text-h3: 600 1.125rem/1.4444444444444444 var(--font);
  --text-h2: 600 1.25rem/1.4 var(--font);
  --text-h1: 700 1.625rem/1.3846153846153846 var(--font);
  --text-display: 700 2rem/1.375 var(--font);
  --text-stat: 700 1.625rem/1.3076923076923077 var(--font);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 10px;
  --radius-button: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --size-touch-min: 44px;
  --size-touch-comfort: 48px;
  --size-icon: 20px;
  --size-field-height: 48px;
  --chart-1: #8a2f72;
  --chart-2: #2f6fad;
  --chart-3: #d0667e;
  --chart-4: #a88a24;
  --chart-seq-1: #faf4f8;
  --chart-seq-2: #cdbac6;
  --chart-seq-3: #a08297;
  --chart-seq-4: #754e69;
  --chart-seq-5: #4b1d3f;
  --chart-grid: #ece4dc;
  --chart-dark-1: #b35ba0;
  --chart-dark-2: #4c8ed0;
  --chart-dark-3: #d9677f;
  --chart-dark-4: #a8922c;
  --chart-dark-seq-1: #4b1d3f;
  --chart-dark-seq-2: #754e69;
  --chart-dark-seq-3: #a08297;
  --chart-dark-seq-4: #cdbac6;
  --chart-dark-seq-5: #f3e8ef;
  --chart-dark-grid: rgba(245, 236, 242, 0.12);
  --motion-press: 100ms;
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --motion-slow: 300ms;
  --motion-celebrate: 1000ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --motion-move: 1;
  --shadow-card: 0 1px 2px rgba(46, 15, 39, .04), 0 8px 24px rgba(46, 15, 39, .06);
  --shadow-card-hover: 0 2px 4px rgba(46, 15, 39, .06), 0 14px 32px rgba(46, 15, 39, .10);
  --shadow-overlay: 0 20px 60px rgba(46, 15, 39, .25);
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-press: 0ms; --motion-fast: 150ms; --motion-base: 150ms; --motion-slow: 150ms; --motion-celebrate: 0ms; --motion-move: 0; }
}