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