:root {
    /* Core palette */
    --palette-steel-blue: #6691AC;
    --palette-teal-blue: #3E7A88;
    --palette-slate-teal: #33514F;
    --palette-charcoal-teal: #243E3E;
    --palette-forest: #003D39;

    /* Semantic colors */
    --primary_color: var(--palette-teal-blue);
    --primary_color_dark: var(--palette-slate-teal);
    --primary_color_deeper: var(--palette-forest);
    --primary_color_opacity: var(--palette-charcoal-teal);
    --primary_medium_color: var(--palette-slate-teal);
    --primary_light_color: var(--palette-steel-blue);

    --secondary_color: var(--palette-steel-blue);
    --secondary_color_deeper: var(--palette-teal-blue);
    --secondary_color_opacity: rgba(102, 145, 172, 0.22);
    --secondary_medium_color: rgba(102, 145, 172, 0.45);
    --secondary_light_color: rgba(102, 145, 172, 0.14);

    --font-color: var(--palette-charcoal-teal);
    --text-muted: var(--palette-steel-blue);
    --text-on-dark: #F4F8FA;
    --text-on-dark-muted: rgba(244, 248, 250, 0.78);

    --lightest_color: #FFFFFF;
    --canvas_color: #E8EFF2;
    --surface_muted: #F2F6F8;
    --background-color: #E8EFF2;
    --border_color: rgba(102, 145, 172, 0.32);
    --border_color_strong: rgba(36, 62, 62, 0.22);

    --mid_range_color: var(--palette-steel-blue);
    --mid_light_color: rgba(102, 145, 172, 0.4);
    --darkest_color: var(--palette-forest);

    --shadow_color: rgba(0, 61, 57, 0.1);
    --shadow-color_light: rgba(102, 145, 172, 0.2);

    --accent_color: var(--palette-teal-blue);
    --accent_color_light: var(--palette-steel-blue);
    --accent_success: var(--palette-teal-blue);
    --accent_success_bg: rgba(102, 145, 172, 0.16);
    --accent_success_border: rgba(102, 145, 172, 0.45);

    --nav-bg: var(--palette-forest);
    --nav-border: rgba(255, 255, 255, 0.08);
    --footer-bg: var(--palette-forest);
    --card-bg-dark: var(--palette-slate-teal);
    --card-bg-muted: var(--palette-charcoal-teal);

    --button_highlight_color: var(--palette-teal-blue);
    --call-to-action-button: var(--palette-teal-blue);
    --danger_color: #B85C5C;

    --heading_font_family: 'Inter', system-ui, -apple-system, sans-serif;
    --site_font_family: 'Inter', system-ui, -apple-system, sans-serif;

    --bar-w: 44px;
    --bar-h: 3px;
    --bar-color: var(--palette-charcoal-teal);
    --logged-in-header-height: 4.5rem;
    --sidebar-inset-x: 1rem;
}