:root{

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

    --color-primary:#A6192E;
    --color-primary-dark:#861323;

    --color-secondary:#D4AF37;
    --color-secondary-light:#F4D56B;

    --color-dark:#121212;
    --color-dark-2:#1B1B1B;

    --color-white:#FFFFFF;

    --color-gray-50:#FAFAFA;
    --color-gray-100:#F5F5F5;
    --color-gray-200:#E5E5E5;
    --color-gray-300:#D1D5DB;
    --color-gray-500:#6B7280;
    --color-gray-700:#374151;

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

    --text-title:var(--color-dark);
    --text-body:var(--color-gray-700);
    --text-muted:var(--color-gray-500);
    --text-light:var(--color-white);

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

    --bg-primary:var(--color-white);
    --bg-secondary:var(--color-gray-50);
    --bg-dark:var(--color-dark);

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

    --font-primary:'Montserrat',sans-serif;

    --fs-xs:.75rem;
    --fs-sm:.875rem;
    --fs-md:1rem;
    --fs-lg:1.125rem;
    --fs-xl:1.25rem;
    --fs-2xl:2rem;
    --fs-3xl:3rem;
    --fs-4xl:4rem;
    --fs-5xl:5rem;
    --fs-6xl:6rem;

    /*==============================
            FONT WEIGHT
    ==============================*/

    --fw-thin:100;
    --fw-extra-light:200;
    --fw-light:300;
    --fw-regular:400;
    --fw-medium:500;
    --fw-semi-bold:600;
    --fw-bold:700;
    --fw-extra-bold:800;
    --fw-black:900;

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

    --container-width:1320px;
    --header-height:88px;

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

    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:1.5rem;
    --space-lg:2rem;
    --space-xl:3rem;
    --space-2xl:5rem;
    --space-3xl:8rem;

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

    --radius-sm:8px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:40px;
    --radius-full:999px;

    /*==============================
        BORDERS
    ==============================*/

    --border-light:1px solid rgba(255,255,255,.15);
    --border-gray:1px solid var(--color-gray-200);
    --border-primary:1px solid var(--color-primary);

    /*==============================
            SHADOW
    ==============================*/

    --shadow-sm:0 8px 20px rgba(0,0,0,.08);
    --shadow-md:0 15px 35px rgba(0,0,0,.10);
    --shadow-lg:0 25px 60px rgba(0,0,0,.15);

    /*==============================
            GLASS
    ==============================*/

    --glass:rgba(255,255,255,.12);
    --glass-border:rgba(255,255,255,.20);
    --blur:18px;

    /*==============================
            GRADIENTS
    ==============================*/

    --gradient-primary:
        linear-gradient(
            135deg,
            #A6192E 0%,
            #861323 100%
        );

    --gradient-secondary:
        linear-gradient(
            135deg,
            #D4AF37 0%,
            #F4D56B 100%
        );

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

    --transition-fast:.20s ease;
    --transition:.35s ease;
    --transition-slow:.60s ease;

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

    --z-dropdown:100;
    --z-header:1000;
    --z-modal:2000;
    --z-loader:9999;

    /*==============================
            BREAKPOINTS
            (Solo referencia)
    ==============================*/

    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --breakpoint-xxl:1400px;

}