/* Makeen design system — token values.
   bundle.css consumes these as var(--name) but the design system's own
   files never shipped a tokens.css to define them (its bundle.css header
   comment says it "loads after tokens.css", but no such file exists in
   the source system) — so every var(--…) in the bundle resolved to
   nothing and every component rendered unstyled until this file was
   added. Values below are copied verbatim from the design system's
   tokens.json. If the design system in Cowork ever ships a real
   tokens.css, replace this file with that one and drop this comment. */

.mk-root, .mk-page {
  --surface-page: #FAF8F5;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F3EEE7;
  --surface-inverse: #202020;
  --surface-inverse-raised: #2B2A28;
  --ink: #202020;
  --ink-secondary: #514B42;
  --ink-muted: #7A7268;
  --ink-on-inverse: #FAF8F5;
  --ink-on-inverse-secondary: #B7AFA0;
  --ink-on-primary: #FFFFFF;
  --brand-primary: #EA580C;
  --brand-primary-strong: #9A3412;
  --brand-primary-soft: #FFEDD5;
  --border-subtle: #EAE2D6;
  --border-strong: #8C7A61;
  --border-inverse: rgba(255,255,255,0.16);
  --focus-ring: #9A3412;
  --success: #116858;
  --success-soft: #E4F2EE;
  --danger: #B3261E;
  --danger-soft: #FBEAE8;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px;

  --radius-xs: 8px; --radius-sm: 12px; --radius-md: 20px; --radius-lg: 32px; --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(32,22,12,0.06), 0 1px 1px rgba(32,22,12,0.04);
  --shadow-md: 0 12px 24px rgba(32,22,12,0.10), 0 3px 8px rgba(32,22,12,0.06);
  --shadow-lg: 0 28px 56px rgba(32,22,12,0.18), 0 10px 20px rgba(32,22,12,0.10);

  --font-en: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --font-ar: 'IBM Plex Sans Arabic', 'Inter', 'Segoe UI', system-ui, sans-serif;
}