:root {
    --gutter: 1rem;
    --max-width: 1000px;
    --bp-md: 700px; /* tablet breakpoint (max-width) */
    --bp-sm: 400px; /* mobile breakpoint (max-width) */    
    --hover-color: #ff5555;
    --divider-bg: rgba(0,0,0,0.06);
    /* New design */
    --background: linear-gradient(180deg, #071027 0%, #071a2a 60%);

    /* New design */
    --accent: #2dd4bf;
    --accent-2: #60a5fa;
    --font-color: #ffffff;
    --muted: rgba(255,255,255,0.78)

    /* Header variables */
    --header-bg: #000000;
    --header-color: #ffffff;

    /* Navbar variables */
    --navbar-bg: #7d8186;
    --navbar-color: #ffffff;
    --navbar-padding-y: 0.75rem;
    --navbar-padding-x: 1rem;
    --navbar-font-size: 16px;
    --navbar-font-size-sm: 15px;

    /* Footer variables */
     /* Footer variables 
    --footer-bg: #0f1724;*/
    --footer-bg: #7d8186;
    --footer-color: #ffffff;
}