/*
 * Aachen — 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 = red, accent = sky.
 * Generated by `spark child:install aachen`.
 */
:root {
    --brand-50: #fef2f2;
    --brand-50-rgb: 254 242 242;
    --brand-100: #fee2e2;
    --brand-100-rgb: 254 226 226;
    --brand-200: #fecaca;
    --brand-200-rgb: 254 202 202;
    --brand-300: #fca5a5;
    --brand-300-rgb: 252 165 165;
    --brand-400: #f87171;
    --brand-400-rgb: 248 113 113;
    --brand-500: #ef4444;
    --brand-500-rgb: 239 68 68;
    --brand-600: #dc2626;
    --brand-600-rgb: 220 38 38;
    --brand-700: #b91c1c;
    --brand-700-rgb: 185 28 28;
    --brand-800: #991b1b;
    --brand-800-rgb: 153 27 27;
    --brand-900: #7f1d1d;
    --brand-900-rgb: 127 29 29;
    --brand-950: #450a0a;
    --brand-950-rgb: 69 10 10;

    --accent-50: #f0f9ff;
    --accent-50-rgb: 240 249 255;
    --accent-100: #e0f2fe;
    --accent-100-rgb: 224 242 254;
    --accent-200: #bae6fd;
    --accent-200-rgb: 186 230 253;
    --accent-300: #7dd3fc;
    --accent-300-rgb: 125 211 252;
    --accent-400: #38bdf8;
    --accent-400-rgb: 56 189 248;
    --accent-500: #0ea5e9;
    --accent-500-rgb: 14 165 233;
    --accent-600: #0284c7;
    --accent-600-rgb: 2 132 199;
    --accent-700: #0369a1;
    --accent-700-rgb: 3 105 161;
    --accent-800: #075985;
    --accent-800-rgb: 7 89 133;
    --accent-900: #0c4a6e;
    --accent-900-rgb: 12 74 110;
    --accent-950: #082f49;
    --accent-950-rgb: 8 47 73;
}