: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);

    /*--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);
}