:root {
    /* الألوان الأساسية من دليل الهوية */
    --color-navy: #0A1F44;        /* كحلي - خلفيات بطولية */
    --color-cloud: #F5F8FC;       /* أبيض سحابي - خلفية أساسية */
    --color-cyan: #00C9D6;        /* سماوي - زر CTA أساسي وروابط */
    --color-ink: #11151C;         /* أسود حبري - عناوين */
    --color-slate: #5B6573;       /* رمادي أردوازي - فقرات */
    --color-gold: #C9A227;        /* ذهبي - لمسات محدودة فقط */

    --card-glass-bg: rgba(255, 255, 255, 0.65);
    --card-glass-border: rgba(10, 31, 68, 0.12);

    /* خلفيات وأسطح */
    --bg-base: var(--color-cloud);
    --bg-surface: #FFFFFF;
    --bg-hero: var(--color-navy);
    --text-heading: var(--color-ink);
    --text-body: var(--color-slate);
    --color-border: #E2E8F0;

    /* الزجاجية */
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.18);

    /* الخطوط */
    --font-heading: 'IBM Plex Sans Arabic', sans-serif;
    --font-body-ar: 'Tajawal', sans-serif;
    --font-body-en: 'Inter', sans-serif;

    /* المسافات والانتقالات */
    --radius-md: 12px;
    --radius-lg: 20px;
    --transition: 0.3s ease;
}

/* ===== الوضع الليلي ===== */
[data-theme="dark"] {
    --bg-base: #0B0E14;
    --bg-surface: #131720;
    --text-heading: #F5F8FC;
    --text-body: #A9B2C3;
    --color-border: #232A38;
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.08);
    --card-glass-bg: rgba(255, 255, 255, 0.05);
    --card-glass-border: rgba(255, 255, 255, 0.10);
}