:root {
    --font-family: 'IBM Plex Sans Arabic', 'Cairo', 'Noto Sans Arabic', 'Segoe UI', system-ui, -apple-system, sans-serif;

    --coda-primary: #15B79E;
    --coda-primary-soft: #E8FAF6;
    --coda-secondary: #5FD3C4;
    --coda-mint: #EAFBF7;
    --coda-teal-deep: #0F9F8A;
    --coda-aqua-light: #F3FCFA;

    --brand-gradient: linear-gradient(135deg, #15B79E 0%, #0F9F8A 55%, #0C8574 100%);
    --brand-gradient-soft: linear-gradient(135deg, rgba(21,183,158,0.10) 0%, rgba(15,159,138,0.08) 100%);
    --brand-gradient-subtle: linear-gradient(135deg, #F8FFFD 0%, #EEFDF8 100%);

    --color-primary-50: #E8FAF6;
    --color-primary-100: #D0F5ED;
    --color-primary-200: #A7E8DD;
    --color-primary-300: #5FD3C4;
    --color-primary-400: #2CC9AB;
    --color-primary-500: #15B79E;
    --color-primary-600: #0F9F8A;
    --color-primary-700: #0C8574;
    --color-primary-800: #096B5E;
    --color-primary-900: #064D44;

    --color-secondary-50: #EAF2FF;
    --color-secondary-100: #c5ddff;
    --color-secondary-200: #8cbcfa;
    --color-secondary-300: #5a9ef5;
    --color-secondary-400: #2d82eb;
    --color-secondary-500: #2563EB;
    --color-secondary-600: #1d4ed8;
    --color-secondary-700: #1e40af;

    --color-success-50: #ECFDF3;
    --color-success-100: #D1FAE5;
    --color-success-200: #a3dbb5;
    --color-success-500: #16A34A;
    --color-success-600: #15803D;
    --color-success-700: #166534;
    --color-success-800: #14532D;

    --color-warning-50: #FFF7E1;
    --color-warning-100: #FEF3C7;
    --color-warning-200: #FDE68A;
    --color-warning-500: #F59E0B;
    --color-warning-600: #D97706;
    --color-warning-700: #B45309;
    --color-warning-800: #92400E;

    --color-danger-50: #FEF2F2;
    --color-danger-100: #FEE2E2;
    --color-danger-200: #FECACA;
    --color-danger-500: #DC2626;
    --color-danger-600: #B91C1C;
    --color-danger-700: #991B1B;
    --color-danger-800: #7F1D1D;

    --color-info-50: #EAF8FF;
    --color-info-100: #D1F0FF;
    --color-info-200: #aacef7;
    --color-info-500: #0EA5E9;
    --color-info-600: #0284C7;
    --color-info-700: #0369A1;
    --color-info-800: #075985;

    --color-purple-50: #F3EDFF;
    --color-purple-100: #E8E0FF;
    --color-purple-500: #7C3AED;
    --color-purple-600: #6D28D9;
    --color-purple-700: #5B21B6;

    --color-orange-50: #fff7ed;
    --color-orange-100: #fee8c8;
    --color-orange-500: #d35f1a;
    --color-orange-600: #b64f19;
    --color-orange-700: #94401a;
    --color-orange-800: #74331a;

    --color-private: #D4A72C;
    --color-private-soft: #FFF7E1;
    --color-private-dark: #92400E;
    --color-private-border: #FDE68A;
    --color-private-warm: #FEF3C7;

    --color-memo: #7C3AED;
    --color-memo-soft: #F3EDFF;
    --color-memo-dark: #5B21B6;

    --color-incoming: #16A34A;
    --color-incoming-soft: #ECFDF3;
    --color-incoming-dark: #15803D;

    --color-outgoing: #0EA5E9;
    --color-outgoing-soft: #EAF8FF;
    --color-outgoing-dark: #0369A1;

    --color-admin: #475569;
    --color-admin-soft: #F1F5F9;

    --color-text-primary: #0F172A;
    --color-text-secondary: #475569;
    --color-text-tertiary: #64748B;
    --color-text-muted: #94A3B8;
    --color-text-inverse: #ffffff;

    --color-gray-50: #FAFBFC;
    --color-gray-100: #F1F5F9;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #94a3b8;
    --color-gray-500: #64748b;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-gray-800: #1e293b;
    --color-gray-900: #0f172a;

    --color-bg-page: #F6F8FB;
    --color-bg-surface: #ffffff;
    --color-bg-subtle: #FAFBFC;
    --color-bg-primary: var(--color-bg-surface);
    --color-bg-secondary: var(--color-bg-subtle);
    --color-bg-muted: #F4FBF9;
    --color-bg-hover: #F0FAF7;
    --color-bg-active: #E8FAF6;
    --color-bg-section: #FCFEFE;

    --color-border-default: #E5E7EB;
    --color-border: var(--color-border-default);
    --color-border-light: #EEF2F6;
    --color-border-strong: #D1D5DB;
    --color-border-focus: var(--coda-primary);

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 10px 20px -3px rgba(15, 23, 42, 0.08), 0 4px 8px -4px rgba(15, 23, 42, 0.04);
    --shadow-xl: 0 20px 30px -5px rgba(15, 23, 42, 0.1), 0 8px 12px -6px rgba(15, 23, 42, 0.05);
    --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
    --shadow-card-hover: 0 8px 24px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(21, 183, 158, 0.15);
    --shadow-header: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-sidebar: 2px 0 12px rgba(15, 23, 42, 0.04);
    --shadow-modal: 0 25px 50px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.04);
    --shadow-focus: 0 0 0 4px rgba(21, 183, 158, 0.12);

    --radius-xs: 4px;
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    --text-2xs: 12px;
    --text-xs: 13px;
    --text-sm: 14px;
    --text-base: 15px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 26px;
    --text-4xl: 34px;

    --leading-tight: 1.3;
    --leading-normal: 1.6;
    --leading-relaxed: 1.75;

    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;

    --icon-xs: 14px;
    --icon-sm: 16px;
    --icon-md: 20px;
    --icon-lg: 24px;
    --icon-xl: 28px;
    --icon-2xl: 32px;
    --icon-3xl: 48px;

    --header-height: 60px;
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 0px;

    --z-dropdown: 50;
    --z-sticky: 100;
    --z-overlay: 500;
    --z-modal: 1000;
    --z-toast: 2000;
    --z-loading: 3000;

    --transition-fast: 0.2s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.3s ease;
    --transition-sidebar: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}