/* =========================================
   CSS VARIABLES
========================================= */

:root {

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

--gold: #d4af37;
--gold-light: #f2d67d;
--gold-dark: #b8932f;

/* NAVY BLUE PALETTE */

--navy: #0b1f3a;
--navy-light: #132b4f;
--navy-dark: #071427;

/* BASE */

--white: #ffffff;

--black: var(--navy);

/* TEXT */

--text: #1f2937;
--text-light: #5b6472;

/* BACKGROUNDS */

--gray-light: #f5f7fb;

--gray-soft: #f8f9fc;

/* BORDERS */

--border-light: rgba(11,31,58,0.08);

/* OVERLAYS */

--overlay-dark: rgba(7,20,39,0.68);

/* GLASS */

--glass-bg: rgba(255,255,255,0.08);

/* SHADOWS */

--shadow-soft:
    0 10px 30px rgba(11,31,58,0.08);

--shadow-medium:
    0 18px 40px rgba(11,31,58,0.14);

--shadow-gold:
    0 10px 28px rgba(212,175,55,0.28);


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

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

    --font-heading: 'Comfortaa', sans-serif;

    --font-elegant: 'Great Vibes', cursive;


    /* =====================================
       FONT SIZES
    ===================================== */

    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-md: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.5rem;
    --fs-2xl: 2rem;
    --fs-3xl: 3rem;
    --fs-4xl: 4rem;
    --fs-5xl: 5rem;


    /* =====================================
       FONT WEIGHTS
    ===================================== */

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;


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

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --space-3xl: 7rem;


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

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-round: 50px;


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

    --transition-fast: 0.25s ease;

    --transition-medium: 0.35s ease;

    --transition-slow: 0.5s ease;


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

    --z-navbar: 1000;
    --z-overlay: 10;
    --z-modal: 2000;
    --z-tooltip: 3000;


    /* =====================================
       CONTAINER
    ===================================== */

    --container-width: 1400px;
    --container-padding: 90%;


    /* =====================================
       SECTION PADDING
    ===================================== */

    --section-padding: 120px 0;


    /* =====================================
       BACKGROUNDS
    ===================================== */

    --bg-light-gradient:
        linear-gradient(
            to bottom,
            #ffffff,
            #faf7f1
        );

    --bg-dark-gradient:
       linear-gradient(
           135deg,
           #071427,
           #0b1f3a,
           #132b4f
       );

}