:root {
    --main_primary: rgba(239, 181, 9); /*#EFB509;*/ 
    --main_secondary: #CD7213;
    --background-primary: rgba(22, 37, 61, 1); /*#16253D rgba(22, 37, 61);*/
    --background-secondary: #002C54;

    --background-primary-transparent: rgba(22, 37, 61, 0.823); 
    --font-used: 'IBM Plex Sans', system-ui, sans-serif;
    --white: #FFFFFF;
    --nav-color:rgba(22, 37, 61, 1); /*rgba(22, 37, 61, 1); #16253D*/
    --secondary: #EAE2D9;
    --accent: #8C6A5D;
    --text: black;
    --shadow-option2:rgba(239, 181, 9, 0.90);
    --darker-green: rgb(1, 133, 7);
    --not-clear-white-bg: rgba(250, 250, 248); /*#fafaf8*/

    /*--font-heading: 'Playfair Display', serif;
    --font-body: 'Poppins', sans-serif; */
    --footer-text-color: #bbb;
    --bright-grey-color: #e7e7e7;
    --footer-background-color: #333333; 
    --shadow: 10px 10px 30px rgba(0, 0, 0, 0.18);
    --shadow-hover: 10px 10px 30px rgba(0, 0, 0, 0.3);

    --button-border: rgba(217, 217, 217, 1);
    --sidebar-text-color: rgba(255, 255, 255, 1);
    --online-color: rgba(142, 221, 16, 1, 0.5);
    --button-hover-color: rgba(255, 255, 255, 1);

    --text-primary: rgba(0,0,0, 1);
    --text-muted: rgba(0,0,0,.68);
    --border: rgba(0,0,0,.12);
    
    --radius-xl: 18px;
    --radius-lg: 14px;
    --radius-md: 12px;
    --radius-sm: 10px;
    --focus: 0 0 0 3px rgba(239,181,9,.25);
    --danger: rgb(182, 0, 0);
    --success: rgb(0, 181, 9);
    --warning: #f1c40f;
    --chip: rgba(239,181,9,.12);

        /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Type Scale */
    --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
    --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
    --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
    --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);
    --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);
    --text-2xl:  clamp(2rem,     1.2rem  + 2.5vw,  3.5rem);
    --text-3xl:  clamp(2.5rem,   1rem    + 4vw,    5rem);

    /* Transitions */
    --transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);

    /* Content widths */
    --content-narrow: 640px;
    --content-default: 960px;
    --content-wide: 1200px;
}