/*
 * Hueckelhoven — 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 = orange, accent = cyan.
 * Generated by `spark child:install hueckelhoven`.
 */
:root {
    --brand-50: #fff7ed;
    --brand-50-rgb: 255 247 237;
    --brand-100: #ffedd5;
    --brand-100-rgb: 255 237 213;
    --brand-200: #fed7aa;
    --brand-200-rgb: 254 215 170;
    --brand-300: #fdba74;
    --brand-300-rgb: 253 186 116;
    --brand-400: #fb923c;
    --brand-400-rgb: 251 146 60;
    --brand-500: #f97316;
    --brand-500-rgb: 249 115 22;
    --brand-600: #ea580c;
    --brand-600-rgb: 234 88 12;
    --brand-700: #c2410c;
    --brand-700-rgb: 194 65 12;
    --brand-800: #9a3412;
    --brand-800-rgb: 154 52 18;
    --brand-900: #7c2d12;
    --brand-900-rgb: 124 45 18;
    --brand-950: #431407;
    --brand-950-rgb: 67 20 7;

    --accent-50: #ecfeff;
    --accent-50-rgb: 236 254 255;
    --accent-100: #cffafe;
    --accent-100-rgb: 207 250 254;
    --accent-200: #a5f3fc;
    --accent-200-rgb: 165 243 252;
    --accent-300: #67e8f9;
    --accent-300-rgb: 103 232 249;
    --accent-400: #22d3ee;
    --accent-400-rgb: 34 211 238;
    --accent-500: #06b6d4;
    --accent-500-rgb: 6 182 212;
    --accent-600: #0891b2;
    --accent-600-rgb: 8 145 178;
    --accent-700: #0e7490;
    --accent-700-rgb: 14 116 144;
    --accent-800: #155e75;
    --accent-800-rgb: 21 94 117;
    --accent-900: #164e63;
    --accent-900-rgb: 22 78 99;
    --accent-950: #083344;
    --accent-950-rgb: 8 51 68;
}