/* ==========================================================
   RISING SONS AFRICA
   VARIABLES
========================================================== */

:root{

    /* ======================================================
       BRAND COLORS
    ====================================================== */

    --primary:#F59E0B;

    --primary-dark:#D97706;

    --primary-light:#FCD34D;

    --secondary:#1F2937;

    --secondary-dark:#111827;

    --secondary-light:#374151;

    --accent:#F97316;


    /* ======================================================
       NEUTRALS
    ====================================================== */

    --white:#FFFFFF;

    --black:#000000;

    --background:#F8F9FB;

    --surface:#FFFFFF;

    --surface-alt:#F5F6F8;

    --border:#E5E7EB;

    --border-light:#F1F5F9;


    /* ======================================================
       TEXT
    ====================================================== */

    --heading:#111827;

    --text:#374151;

    --text-light:#6B7280;

    --text-muted:#9CA3AF;


    /* ======================================================
       STATUS
    ====================================================== */

    --success:#22C55E;

    --warning:#F59E0B;

    --danger:#EF4444;

    --info:#3B82F6;


    /* ======================================================
       TYPOGRAPHY
    ====================================================== */

    --font-family:"Poppins",sans-serif;

    --font-size-xs:.75rem;

    --font-size-sm:.875rem;

    --font-size-md:1rem;

    --font-size-lg:1.125rem;

    --font-size-xl:1.25rem;

    --font-size-2xl:1.5rem;

    --font-size-3xl:2rem;

    --font-size-4xl:2.75rem;

    --font-light:300;

    --font-normal:400;

    --font-medium:500;

    --font-semibold:600;

    --font-bold:700;


    /* ======================================================
       SPACING
    ====================================================== */

    --space-1:.25rem;

    --space-2:.5rem;

    --space-3:.75rem;

    --space-4:1rem;

    --space-5:1.5rem;

    --space-6:2rem;

    --space-7:3rem;

    --space-8:4rem;

    --space-9:5rem;

    --space-10:6rem;


    /* ======================================================
       BORDER RADIUS
    ====================================================== */

    --radius-xs:4px;

    --radius-sm:8px;

    --radius-md:12px;

    --radius-lg:18px;

    --radius-xl:28px;

    --radius-pill:999px;


    /* ======================================================
       SHADOWS
    ====================================================== */

    --shadow-xs:
        0 1px 3px rgba(0,0,0,.05);

    --shadow-sm:
        0 4px 12px rgba(0,0,0,.08);

    --shadow-md:
        0 10px 30px rgba(0,0,0,.10);

    --shadow-lg:
        0 18px 45px rgba(0,0,0,.12);

    --shadow-xl:
        0 30px 60px rgba(0,0,0,.16);


    /* ======================================================
       TRANSITIONS
    ====================================================== */

    --transition-fast:.2s ease;

    --transition:.3s ease;

    --transition-slow:.45s ease;


    /* ======================================================
       LAYOUT
    ====================================================== */

    --navbar-height:90px;

    --sidebar-width:280px;

    --container-width:1240px;

    --content-width:900px;

    --section-padding:100px;


    /* ======================================================
       Z-INDEX
    ====================================================== */

    --z-dropdown:1000;

    --z-sticky:1020;

    --z-fixed:1030;

    --z-modal:1050;


    /* ======================================================
       BOOTSTRAP OVERRIDES
    ====================================================== */

    --bs-primary:var(--primary);

    --bs-secondary:var(--secondary);

    --bs-success:var(--success);

    --bs-warning:var(--warning);

    --bs-danger:var(--danger);

    --bs-info:var(--info);

}