:root {
    --sidebar-bg: #012056;
    --tab-active: #0651d0;
    --btn-primary: #0075ff;
    --btn-primary-hover: #0060d6;
    --gradient: linear-gradient(135deg, #0075ff, #012056);
    --color-white: #ffffff;
    --color-text: #0f172a;
    --color-text-secondary: #64748b;
    --color-background: #f8fafc;
    --color-surface: #ffffff;
    --color-border: #e2e8f0;
    --color-focus: rgba(0, 117, 255, 0.15);
    --font-en: "Inter", sans-serif;
    --font-ar: "Cairo", sans-serif;
    --font-family: var(--font-en);
    --font-size-caption: 0.75rem;
    --font-size-body: 0.875rem;
    --font-size-section: 1.125rem;
    --font-size-page: clamp(1.5rem, 3vw, 1.75rem);
    --font-size-kpi: clamp(1.75rem, 4vw, 2rem);
    --line-height: 1.5;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
    --transition-fast: 0.15s ease;
    --transition-medium: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.3s ease-out;
    --transition: all var(--transition-fast);
    --content-width: 1440px;
    --sdb-sidebar-bg: var(--sidebar-bg);
    --sdb-tab-active: var(--tab-active);
    --sdb-btn-primary: var(--btn-primary);
    --sdb-gradient: var(--gradient);
    --sdb-color-white: var(--color-white);
    --sdb-color-text: var(--color-text);
    --sdb-color-text-muted: var(--color-text-secondary);
    --sdb-color-background: var(--color-background);
    --sdb-color-surface: var(--color-surface);
    --sdb-color-border: var(--color-border);
    --sdb-color-focus: #0075ff;
    --sdb-font-family: var(--font-family);
    --sdb-font-family-ar: var(--font-ar);
    --sdb-font-size-base: var(--font-size-body);
    --sdb-line-height: var(--line-height);
    --sdb-space-1: var(--space-1);
    --sdb-space-2: var(--space-2);
    --sdb-space-3: 12px;
    --sdb-space-4: var(--space-3);
    --sdb-space-5: var(--space-4);
    --sdb-space-6: var(--space-5);
    --sdb-radius-sm: var(--radius-sm);
    --sdb-radius-md: var(--radius-md);
    --sdb-radius-lg: var(--radius-lg);
    --sdb-shadow-card: var(--shadow-card);
    --sdb-transition: var(--transition);
    --sdb-content-width: var(--content-width);
}

html[dir="rtl"] { --font-family: var(--font-ar); }