@charset "UTF-8";
:root {
    /*=============== Brand Core ===============*/
    --clr-main: #941bbc;              /* Deep Fusion Purple (logo) */
    --clr-main-rgb: 148, 27, 188;
    --clr-secondary: #b85ae0;         /* Light purple for gradients/hover */
    --clr-secondary-rgb: 184, 90, 224;

    /*=============== Indigo / AI Accent ===============*/
    --clr-accent: #0d1857;            /* Deep indigo (hero bg / headings) */
    --clr-accent-rgb: 13, 24, 87;
    --clr-accent-2: #3dd6ff;          /* Cyber cyan (icons, hover, small accents) */
    --clr-accent-2-rgb: 61, 214, 255;

    /*=============== Neutrals ===============*/
    --clr-dark: #242226;              /* Logo dark gray (text on light / UI chrome) */
    --clr-dark-rgb: 36, 34, 38;
    --clr-white: #ffffff;
    --clr-white-rgb: 255, 255, 255;
    --clr-grey: #f1f2f6;              /* Light grey for light sections */
    --clr-grey-rgb: 241, 242, 246;
    --clr-grey-text: #c8c9d0;         /* Subtitle on dark */
    --clr-grey-text-rgb: 200, 201, 208;

    /*=============== Dark Theme Surfaces (company-profile vibe) ===============*/
    --clr-dark-blue: #0b0f19;         /* Page background (deep navy) */
    --clr-dark-blue-rgb: 11, 15, 25;
    --clr-semi-dark-blue: #111827;    /* Section / navbar */
    --clr-semi-dark-blue-rgb: 17, 24, 39;
    --clr-card: #1a2030;              /* Cards on dark */
    --clr-card-rgb: 26, 32, 48;
    --clr-divider: #2b3246;

    /*=============== Status ===============*/
    --clr-danger: #ff4d4f;
    --clr-danger-rgb: 255, 77, 79;
    --clr-success: #2bb673;
    --clr-success-rgb: 43, 182, 115;
    --clr-warning: #ffb020;
    --clr-warning-rgb: 255, 176, 32;

    /*=============== Gradients (for hero/CTA) ===============*/
    --grad-hero: linear-gradient(135deg, #0d1857 0%, #111827 40%, #1a2030 100%);
    --grad-cta: linear-gradient(90deg, #941bbc 0%, #b85ae0 55%, #3dd6ff 100%);
    --grad-border: linear-gradient(180deg, rgba(148,27,188,.35), rgba(61,214,255,.15));

    /*=============== Shadows / Glows ===============*/
    --shadow-soft: 0 10px 30px rgba(13, 24, 87, .25);
    --glow-accent: 0 0 24px rgba(61, 214, 255, .45), 0 0 12px rgba(148, 27, 188, .35);

    /*=============== Typography ===============*/
    --ltr-main-font-f: "Jost", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --rtl-main-font-f: "Tajawal", "Cairo", sans-serif;
}