:root {

    /* Primary Colors */

    --primary: #003B8F;
    --primary-dark: #022B63;

    --gold: #F5C542;
    --gold-light: #FFE27A;

    --white: #FFFFFF;

    --gray-100: #F5F7FA;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-600: #4B5563;
    --gray-900: #111827;

    /* Layout */

    --container: 1400px;

    /* Radius */

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Shadows */

    --shadow-sm: 0 2px 10px rgba(0,0,0,.08);

    --shadow-md: 0 8px 20px rgba(0,0,0,.12);

    --shadow-lg: 0 12px 30px rgba(0,0,0,.16);

    /* Typography */

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

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

}