:root {
    --color-default-bg: #fff;
    --color-default-font: #0f2424;
    --color-topnav-bg: #0f2424;
    --color-topnav-font: #fff;
    --color-topnav-splitter: rgba(255,255,255,0.1);
    --color-nav-link: #ffffff;
    --color-nav-link-hover: #5b79a1;
    --color-shadow: rgba(0, 0, 0, 0.2);
        
    --color-logo-bg-primary: #fcf8c6;
    --color-logo-bg-secondary: #fdd892;
    --color-logo-bg-tertiary: #c99268;
    --color-logo-ring: #774e46;
    --color-logo-leaf-primary: #0b8e36;
    --color-logo-leaf-secondary: #076633;
    
    --color-selected_text_bg: var(--color-topnav-bg);
    --color-selected_text_fg: #fff;
    
    --color-selected_text_topnav_bg: var( --color-logo-bg-primary);
    --color-selected_text_topnav_fg: var(--color-topnav-bg);
    
    --color-link-topnav-default: var( --color-logo-bg-secondary);
    --color-link-topnav-hover: var( --color-logo-bg-primary);
    --color-link-topnav-focus: #fff;
    --color-link-topnav-active: #fff;
    --color-link-topnav-visited: var( --color-logo-bg-secondary);
}