/*
 * Huerth — the whole of this city's visual identity.
 *
 * The shared stylesheet in _core is written against these two ramps and
 * never names a colour of its own, so changing a city's look means
 * changing this file and nothing else. `--brand` carries the page;
 * `--accent` marks live and confirming states.
 *
 * Ramps: brand = cyan, accent = rose.
 * Generated by `spark child:install huerth`.
 */
:root {
    --brand-50: #ecfeff;
    --brand-50-rgb: 236 254 255;
    --brand-100: #cffafe;
    --brand-100-rgb: 207 250 254;
    --brand-200: #a5f3fc;
    --brand-200-rgb: 165 243 252;
    --brand-300: #67e8f9;
    --brand-300-rgb: 103 232 249;
    --brand-400: #22d3ee;
    --brand-400-rgb: 34 211 238;
    --brand-500: #06b6d4;
    --brand-500-rgb: 6 182 212;
    --brand-600: #0891b2;
    --brand-600-rgb: 8 145 178;
    --brand-700: #0e7490;
    --brand-700-rgb: 14 116 144;
    --brand-800: #155e75;
    --brand-800-rgb: 21 94 117;
    --brand-900: #164e63;
    --brand-900-rgb: 22 78 99;
    --brand-950: #083344;
    --brand-950-rgb: 8 51 68;

    --accent-50: #fff1f2;
    --accent-50-rgb: 255 241 242;
    --accent-100: #ffe4e6;
    --accent-100-rgb: 255 228 230;
    --accent-200: #fecdd3;
    --accent-200-rgb: 254 205 211;
    --accent-300: #fda4af;
    --accent-300-rgb: 253 164 175;
    --accent-400: #fb7185;
    --accent-400-rgb: 251 113 133;
    --accent-500: #f43f5e;
    --accent-500-rgb: 244 63 94;
    --accent-600: #e11d48;
    --accent-600-rgb: 225 29 72;
    --accent-700: #be123c;
    --accent-700-rgb: 190 18 60;
    --accent-800: #9f1239;
    --accent-800-rgb: 159 18 57;
    --accent-900: #881337;
    --accent-900-rgb: 136 19 55;
    --accent-950: #4c0519;
    --accent-950-rgb: 76 5 25;
}