/* Arctic Frost — cool, crisp, clinical clarity.
   Palette: Ice Blue #d4e4f7 · Steel Blue #4a6fa5 · Silver #c0c0c0 · Crisp White #fafafa
   Type: DejaVu Sans Bold headers / DejaVu Sans body */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root {
    --font-heading: 'Open Sans', 'DejaVu Sans', Verdana, sans-serif;
    --font-body: 'Open Sans', 'DejaVu Sans', Verdana, sans-serif;

    --bg: #fafafa;
    --soft: #eef4fb;
    --surface: #ffffff;
    --text: #3a4a5c;
    --heading: #22344b;
    --muted: #74869a;
    --line: #dde7f2;

    --brand: #4a6fa5;
    --brand-strong: #36567f;
    --rank: #4a6fa5;
    --score: #22344b;

    --topbar-bg: #eef4fb;
    --topbar-text: #6b7d90;

    --header-bg: #4a6fa5;
    --header-border: #4a6fa5;
    --header-logo: #ffffff;
    --header-link: #d4e4f7;
    --header-link-hover: #ffffff;

    --hero-bg: #d4e4f7;
    --hero-text: #22344b;
    --hero-sub: #506b85;

    --badge-bg: #4a6fa5;
    --badge-text: #ffffff;

    --cta-bg: #4a6fa5;
    --cta-text: #ffffff;
    --cta-hover: #36567f;

    --footer-bg: #22344b;
    --footer-text: #9db0c4;
    --footer-link: #d4e4f7;

    --radius: 6px;
    --radius-pill: 3px;
    --radius-cta: 4px;
    --shadow: 0 1px 3px rgba(34, 52, 75, .06);
    --shadow-hover: 0 8px 20px rgba(34, 52, 75, .12);
}