:root {

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

    --primary-blue: #0B3D91;
    --dark-blue: #072B66;

    --gold: #C8A044;
    --gold-light: #E2C16B;

    --community-green: #2E8B57;


    /* =========================
       BACKGROUND COLORS
    ========================== */

    --white: #FFFFFF;

    --background-light: #F8F9FC;

    --background-dark: #111827;


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

    --text-dark: #1E293B;

    --text-light: #64748B;

    --border-color: #E5E7EB;



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

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

    --body-font: "Inter", sans-serif;



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

    --section-padding: 90px;

    --container-width: 1200px;



    /* =========================
       EFFECTS
    ========================== */

    --shadow-small:
    0 5px 15px rgba(0,0,0,0.06);


    --shadow-medium:
    0 10px 35px rgba(0,0,0,0.08);


    --shadow-large:
    0 20px 60px rgba(0,0,0,0.12);



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

    --radius-small: 8px;

    --radius-medium: 15px;

    --radius-large: 25px;

    --radius-pill: 50px;



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

    --transition:
    all 0.3s ease;

}