:root {
    --brand-50:  #ecfdf6;
    --brand-100: #d1fae8;
    --brand-200: #a7f3d2;
    --brand-300: #6ee7b8;
    --brand-400: #34d39c;
    --brand-500: #10b87f;
    --brand-600: #0d8a6f;   /* Primary brand */
    --brand-700: #0a6a5a;
    --brand-800: #0a5448;
    --brand-900: #0a443c;
    --brand: var(--brand-600);
    --brand-hover: var(--brand-700);
    --brand-soft: var(--brand-50);
    --brand-ink: var(--brand-900);
    --gold-50:  #fefbe8;
    --gold-100: #fef3c7;
    --gold-300: #fcd34d;
    --gold-500: #d97706;
    --gold-600: #b45309;
    --gold: var(--gold-500);
    --gray-50:  #f8fafc;
    --gray-100: #f1f5f9;
    --gray-150: #e9eef5;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
    --gray-950: #020617;
    --bg:        #f6f8fb;
    --surface:   #ffffff;
    --surface-2: #f8fafc;
    --surface-3: #f1f5f9;
    --surface-overlay: rgba(255,255,255,.85);
    --backdrop: rgba(15, 23, 42, 0.45);
    --ink-0: #0f172a;
    --ink-1: #1e293b;
    --ink-2: #475569;
    --ink-3: #64748b;
    --ink-4: #94a3b8;
    --ink-on-brand: #ffffff;
    --line:    #e2e8f0;
    --line-2:  #cbd5e1;
    --line-3:  #f1f5f9;
    --line-strong: #94a3b8;
    --success: #059669;     --success-soft: #ecfdf5;     --success-ink: #064e3b;
    --warning: #d97706;     --warning-soft: #fef3c7;     --warning-ink: #78350f;
    --danger:  #dc2626;     --danger-soft:  #fee2e2;     --danger-ink:  #7f1d1d;
    --info:    #0284c7;     --info-soft:    #e0f2fe;     --info-ink:    #075985;
    --purple:  #7c3aed;     --purple-soft:  #ede9fe;     --purple-ink:  #4c1d95;
    --pink:    #db2777;     --pink-soft:    #fce7f3;     --pink-ink:    #831843;
    --font-body: 'IBM Plex Sans Arabic', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-display: 'Plus Jakarta Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    --text-xs:   11px;
    --text-sm:   12px;
    --text-base: 13px;
    --text-md:   14px;
    --text-lg:   15px;
    --text-xl:   17px;
    --text-2xl:  20px;
    --text-3xl:  24px;
    --text-4xl:  30px;
    --text-5xl:  36px;
    --sp-1:  4px;
    --sp-2:  8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-7:  32px;
    --sp-8:  40px;
    --sp-9:  48px;
    --sp-10: 64px;
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 10px;
    --r-xl: 14px;
    --r-2xl: 18px;
    --r-3xl: 24px;
    --r-full: 9999px;
    --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
    --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05), 0 1px 3px 0 rgba(15, 23, 42, 0.05);
    --shadow-md: 0 4px 8px -2px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 10px 20px -4px rgba(15, 23, 42, 0.08), 0 4px 8px -4px rgba(15, 23, 42, 0.04);
    --shadow-xl: 0 20px 32px -8px rgba(15, 23, 42, 0.12), 0 8px 16px -8px rgba(15, 23, 42, 0.06);
    --shadow-2xl: 0 32px 64px -12px rgba(15, 23, 42, 0.18);
    --shadow-brand: 0 8px 20px -6px rgba(13, 138, 111, 0.35);
    --shadow-brand-sm: 0 4px 10px -3px rgba(13, 138, 111, 0.28);
    --ring-focus: 0 0 0 3px rgba(13, 138, 111, 0.15);
    --sidebar-w: 248px;
    --sidebar-w-collapsed: 64px;
    --topbar-h: 60px;
    --maxw-content: 1440px;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --t-fast: 120ms;
    --t-base: 180ms;
    --t-slow: 280ms;
    --z-base: 1;
    --z-dropdown: 50;
    --z-sticky: 100;
    --z-overlay: 1000;
    --z-modal: 1100;
    --z-toast: 1200;
    --z-tooltip: 1300;
}