/* =================================================== */
/* ============== المتغيرات الأساسية ================= */
/* =================================================== */

:root {
    /* ─── ألوان العلامة التجارية ─── */
    --seyasa-primary-color: #0B3D51;
    /* نيفي تيل عميق — الهوية الأساسية */
    --seyasa-primary-color-darker: #072A38;
    /* أغمق للـ hover والعمق */
    --seyasa-secondary-color: #3EAED6;
    /* أزرق سماوي — للتفاعلات */
    --seyasa-tertiary-color: #1A8FBF;
    /* أزرق نظيف — للعناصر التفاعلية */
    --seyasa-brand-blue: #0B3D51;
    /* يطابق primary */
    --seyasa-brand-gold: #8AD4EA;
    /* جليدي فاتح — للروابط على الخلفيات الداكنة */
    --seyasa-live-red-color: #DC2626;
    /* أحمر عصري — أقل حدة */

    /* ─── ألوان محايدة ─── */
    --seyasa-border-color: #E2E8F0;
    /* حدود رمادية ناعمة */
    --seyasa-border-color-2: #475569;
    /* حدود متوسطة */
    --seyasa-text-color-dark: #0F172A;
    /* نص رئيسي — قريب من الأسود */
    --seyasa-text-color-light: #64748B;
    /* نص ثانوي — رمادي بارد */
    --seyasa-light-bg: #1E293B;
    /* خلفية داكنة */

    /* ─── الهيدر ─── */
    --ks-header-brand-teal-dark: #0A3F52;
    /* تيل غني */
    --ks-header-brand-gold: #3EAED6;
    /* يطابق secondary */
    --ks-header-brand-teal-light: #0E7490;
    /* تيل متوسط */
    --ks-header-text-dark: #0F172A;
    /* نص داكن */
    --ks-header-text-light: #F1F5F9;
    /* نص فاتح */
    --ks-header-border-color: rgba(255, 255, 255, 0.2);
    --ks-header-light-bg: #F8FAFC;
    /* خلفية فاتحة نظيفة */

    /* ─── الفوتر ─── */
    --ks-footer-brand-blue: #0B3D51;
    /* يطابق primary */
    --ks-footer-brand-gold: #8AD4EA;
    /* يطابق brand accent */
    --ks-footer-light-bg: #F8FAFC;
    --ks-footer-text-dark: #0F172A;
    --ks-footer-text-light: #64748B;
    --ks-footer-border-color: #E2E8F0;

    /* ─── تأثير الزجاج Glass ─── */
    --ks-glass-text-primary: #FFFFFF;
    --ks-glass-text-secondary: #CBD5E1;
    /* رمادي أكثر وضوحاً */
    --ks-glass-border-color: rgba(255, 255, 255, 0.2);
    --ks-glass-bg: rgba(248, 250, 252, 0.5);
    /* خلفية شبه شفافة */
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

* {
    font-family: 'Rubik', sans-serif;
}