/* Marbou design tokens · v1.0 */
:root{
  --mb-plum-50: #F7F2F8;
  --mb-plum-100: #EEE3F1;
  --mb-plum-200: #DCC6E3;
  --mb-plum-300: #C3A0CE;
  --mb-plum-400: #A374B3;
  --mb-plum-500: #834E96;
  --mb-plum-600: #6A3A7D;
  --mb-plum-700: #57296B;
  --mb-plum-800: #4A1D5E;
  --mb-plum-900: #36144A;
  --mb-plum-950: #220A30;
  --mb-teal-50: #F0FDFA;
  --mb-teal-100: #CCFBF1;
  --mb-teal-200: #99F6E4;
  --mb-teal-300: #5EEAD4;
  --mb-teal-400: #2DD4BF;
  --mb-teal-500: #14B8A6;
  --mb-teal-600: #0D9488;
  --mb-teal-700: #0F766E;
  --mb-teal-800: #115E59;
  --mb-teal-900: #134E4A;
  --mb-green-50: #F0FDF4;
  --mb-green-100: #DCFCE7;
  --mb-green-200: #BBF7D0;
  --mb-green-300: #86EFAC;
  --mb-green-400: #4ADE80;
  --mb-green-500: #22C55E;
  --mb-green-600: #16A34A;
  --mb-green-700: #15803D;
  --mb-green-800: #166534;
  --mb-green-900: #14532D;
  --mb-gold-50: #FFFBEB;
  --mb-gold-100: #FEF3C7;
  --mb-gold-200: #FDE68A;
  --mb-gold-300: #FCD34D;
  --mb-gold-400: #F9C631;
  --mb-gold-500: #F4B400;
  --mb-gold-600: #D99A00;
  --mb-gold-700: #A86F00;
  --mb-gold-800: #7A4F00;
  --mb-gold-900: #4D3200;
  --mb-stone-0: #FFFFFF;
  --mb-stone-50: #FAFAF9;
  --mb-stone-100: #F5F5F4;
  --mb-stone-200: #E7E5E4;
  --mb-stone-300: #D6D3D1;
  --mb-stone-400: #A8A29E;
  --mb-stone-500: #78716C;
  --mb-stone-600: #57534E;
  --mb-stone-700: #44403C;
  --mb-stone-800: #292524;
  --mb-stone-900: #1C1917;
  --mb-red-50: #FEF2F2;
  --mb-red-100: #FEE2E2;
  --mb-red-600: #DC2626;
  --mb-red-700: #B91C1C;
  --mb-amber-50: #FFFBEB;
  --mb-amber-700: #B45309;
  --mb-bg: #F7F2F8;
  --mb-surface: #FFFFFF;
  --mb-surface2: #F5F5F4;
  --mb-border: #E6DCEA;
  --mb-text: #1C1917;
  --mb-text-muted: #57534E;
  --mb-text-subtle: #78716C;
  --mb-brand: #4A1D5E;
  --mb-brand-soft: #EEE3F1;
  --mb-on-brand: #FFFFFF;
  --mb-action: #15803D;
  --mb-action-hover: #166534;
  --mb-on-action: #FFFFFF;
  --mb-reward: #F4B400;
  --mb-reward-soft: #FEF3C7;
  --mb-on-reward: #1C1917;
  --mb-reward-text: #7A4F00;
  --mb-secondary: #0F766E;
  --mb-success: #15803D;
  --mb-warning: #B45309;
  --mb-danger: #B91C1C;
  --mb-info: #0F766E;
  --mb-focus: #834E96;
  --mb-font-display: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  --mb-font-body: 'IBM Plex Sans Arabic', sans-serif;
  --mb-text-display: 800 40px/52px var(--mb-font-display);
  --mb-text-h1: 700 32px/44px var(--mb-font-display);
  --mb-text-h2: 700 24px/34px var(--mb-font-display);
  --mb-text-h3: 700 20px/30px var(--mb-font-display);
  --mb-text-title: 600 17px/26px var(--mb-font-body);
  --mb-text-body: 400 16px/26px var(--mb-font-body);
  --mb-text-body-sm: 400 14px/22px var(--mb-font-body);
  --mb-text-label: 600 14px/20px var(--mb-font-body);
  --mb-text-caption: 500 12px/18px var(--mb-font-body);
  --mb-space-1: 4px;
  --mb-space-2: 8px;
  --mb-space-3: 12px;
  --mb-space-4: 16px;
  --mb-space-5: 20px;
  --mb-space-6: 24px;
  --mb-space-8: 32px;
  --mb-space-10: 40px;
  --mb-space-14: 56px;
  --mb-radius-sm: 8px;
  --mb-radius-md: 12px;
  --mb-radius-lg: 16px;
  --mb-radius-xl: 20px;
  --mb-radius-2xl: 28px;
  --mb-radius-full: 999px;
  --mb-shadow-sm: 0 1px 2px rgba(34,10,48,0.06);
  --mb-shadow-md: 0 4px 16px rgba(34,10,48,0.08);
  --mb-shadow-lg: 0 12px 32px rgba(34,10,48,0.12);
  --mb-motion-fast: 150ms;
  --mb-motion-base: 250ms;
  --mb-motion-slow: 400ms;
  --mb-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --mb-touch-min: 44px;
}
[data-theme="dark"]{
  --mb-bg: #17101C;
  --mb-surface: #221829;
  --mb-surface2: #2D2035;
  --mb-border: #3D2E47;
  --mb-text: #F5EFF7;
  --mb-text-muted: #C9BBD0;
  --mb-text-subtle: #A08FA8;
  --mb-brand: #C3A0CE;
  --mb-brand-soft: #36144A;
  --mb-on-brand: #220A30;
  --mb-action: #22C55E;
  --mb-action-hover: #4ADE80;
  --mb-on-action: #052E16;
  --mb-reward: #F4B400;
  --mb-reward-soft: #4D3200;
  --mb-on-reward: #1C1917;
  --mb-reward-text: #FCD34D;
  --mb-secondary: #2DD4BF;
  --mb-success: #4ADE80;
  --mb-warning: #FBBF24;
  --mb-danger: #F87171;
  --mb-info: #5EEAD4;
  --mb-focus: #C3A0CE;
  --mb-shadow-md: 0 4px 16px rgba(0,0,0,0.4);
}
html{direction:rtl}
body{background:var(--mb-bg);color:var(--mb-text);font:var(--mb-text-body)}