/*
 * Viersen — 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 = blue, accent = amber.
 * Generated by `spark child:install viersen`.
 */
:root {
    --brand-50: #eff6ff;
    --brand-50-rgb: 239 246 255;
    --brand-100: #dbeafe;
    --brand-100-rgb: 219 234 254;
    --brand-200: #bfdbfe;
    --brand-200-rgb: 191 219 254;
    --brand-300: #93c5fd;
    --brand-300-rgb: 147 197 253;
    --brand-400: #60a5fa;
    --brand-400-rgb: 96 165 250;
    --brand-500: #3b82f6;
    --brand-500-rgb: 59 130 246;
    --brand-600: #2563eb;
    --brand-600-rgb: 37 99 235;
    --brand-700: #1d4ed8;
    --brand-700-rgb: 29 78 216;
    --brand-800: #1e40af;
    --brand-800-rgb: 30 64 175;
    --brand-900: #1e3a8a;
    --brand-900-rgb: 30 58 138;
    --brand-950: #172554;
    --brand-950-rgb: 23 37 84;

    --accent-50: #fffbeb;
    --accent-50-rgb: 255 251 235;
    --accent-100: #fef3c7;
    --accent-100-rgb: 254 243 199;
    --accent-200: #fde68a;
    --accent-200-rgb: 253 230 138;
    --accent-300: #fcd34d;
    --accent-300-rgb: 252 211 77;
    --accent-400: #fbbf24;
    --accent-400-rgb: 251 191 36;
    --accent-500: #f59e0b;
    --accent-500-rgb: 245 158 11;
    --accent-600: #d97706;
    --accent-600-rgb: 217 119 6;
    --accent-700: #b45309;
    --accent-700-rgb: 180 83 9;
    --accent-800: #92400e;
    --accent-800-rgb: 146 64 14;
    --accent-900: #78350f;
    --accent-900-rgb: 120 53 15;
    --accent-950: #451a03;
    --accent-950-rgb: 69 26 3;
}