:root {
    /* ===========================
       COLOR PALETTE
    =========================== */

    --primary-green: #00A86B;
    --primary-blue: #0A3D62;
    --secondary-blue: #1E5F9E;
    --dark: #111827;
    --dark-light: #1F2937;
    --white: #FFFFFF;
    --light: #F8FAFC;
    --gray: #E5E7EB;
    --text: #4B5563;
    /* ===========================
       TYPOGRAPHY
    =========================== */

    --heading-font: 'Poppins', sans-serif;
    --body-font: 'Inter', sans-serif;
    /* ===========================
       BORDER
    =========================== */

    --radius-sm: 8px;
    --radius-md: 15px;
    --radius-lg: 25px;
    /* ===========================
       SHADOW
    =========================== */

    --shadow-sm: 0 5px 20px rgba(0,0,0,.08);
    --shadow-lg: 0 20px 45px rgba(0,0,0,.12);
    /* ===========================
       TRANSITION
    =========================== */

    --transition: .35s ease;
}