:root {
    --brand-primary: #06346b;
    --brand-primary-strong: #022655;
    --brand-primary-soft: #dcecff;
    --brand-accent: #f6a20b;
    --brand-accent-strong: #cf7900;
    --brand-accent-soft: #fff0cc;

    --brand-sky: #a8d3f4;
    --brand-mint: #d9efe5;
    --brand-coral: #ffd7c7;
    --brand-lavender: #e7ddff;

    --route-stage-1: #dff3fb;
    --route-stage-1-strong: #2f94ad;
    --route-stage-2: #ddf5ef;
    --route-stage-2-strong: #168978;
    --route-stage-3: #fff0cc;
    --route-stage-3-strong: #d88a05;
    --route-stage-4: #eee5ff;
    --route-stage-4-strong: #7251b5;
    --route-stage-5: #ffe1dc;
    --route-stage-5-strong: #cf5b4a;
    --route-stage-6: #e7ecff;
    --route-stage-6-strong: #6676b8;
    --route-stage-7: #e8f6dc;
    --route-stage-7-strong: #6a9f37;
    --route-stage-8: #ffe6ef;
    --route-stage-8-strong: #c95d83;
    --route-stage-9: #e0f1ff;
    --route-stage-9-strong: #3f83bd;
    --route-stage-10: #f3ead9;
    --route-stage-10-strong: #a57333;
    --route-stage-11: #e3f4f0;
    --route-stage-11-strong: #408f86;
    --route-stage-12: #f0edff;
    --route-stage-12-strong: #6b62b5;

    --bg: #f4f8fb;
    --surface: #ffffff;
    --surface-2: #f8fbfd;
    --ink: #15283f;
    --muted: #637286;
    --line: #d8e3ee;
    --line-strong: #bccbd8;
    --danger: #b42318;
    --success: #16794c;
    --warning: #a15c07;
    --shadow: 0 18px 45px rgba(21, 40, 63, .12);
}