:root {

    /* Colors */

    --primary: #FF7A00; /* Warm orange */
    --secondary: #0F4C81; /* Deep navy blue */
    --accent: #219EBC;

    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;

    --white: #FFFFFF;
    --black: #111827;

    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;

    /* Font */

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

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

    /* Radius */

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

    /* Shadow */

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow-md:0 5px 20px rgba(0,0,0,.08);

    --shadow-lg:0 10px 40px rgba(0,0,0,.12);

    /* Container */

    --container:1280px;

}