/* Derived from the brand colours set in /admin/branding (services/brandTheme.ts). */
html:root {
  --color-primary: 89 100 0;
  --color-on-primary: 255 255 255;
  --color-primary-container: 214 239 0;
  --color-on-primary-container: 25 30 0;
  --color-secondary: 0 105 107;
  --color-on-secondary: 255 255 255;
  --color-secondary-container: 17 251 255;
  --color-on-secondary-container: 0 32 32;
  --color-inverse-primary: 188 210 0;
  --color-surface-tint: 89 100 0;
  --color-primary-fixed: 214 239 0;
  --color-primary-fixed-dim: 188 210 0;
  --color-on-primary-fixed: 25 30 0;
  --color-on-primary-fixed-variant: 66 75 0;
  --color-secondary-fixed: 17 251 255;
  --color-secondary-fixed-dim: 0 220 224;
  --color-on-secondary-fixed: 0 32 32;
  --color-on-secondary-fixed-variant: 0 79 81;
  --brand-light: 193 206 115;
  --brand-bright: 136 153 0;
  --brand-vivid: 128 128 0;
  --brand-vivid-2: 123 115 0;
  --brand-solid: 89 100 0;
  --brand-solid-hover: 101 114 0;
  --brand-solid-active: 78 88 0;
  --brand-deep: 66 75 0;
  --brand-plum: 47 92 0;
  --brand-indigo: 90 85 0;
  --brand-indigo-deep: 74 71 0;
  --brand-stage: 17 20 3;
  --brand-ink: 45 52 0;
  --brand-banner: 107 117 0;
  --brand-banner-ink: 65 70 0;
  --brand-accent-light: 157 208 208;
  --brand-accent: 0 108 109;
  --brand-accent-deep: 0 98 98;
  --brand-accent-dim: 0 85 80;
  --brand-accent-ink: 0 80 79;
  --hero-1: 255 255 255;
  --hero-2: 245 238 212;
  --hero-3: 219 218 162;
  --hero-4: 197 197 120;
  --hero-5: 217 214 158;
  --hero-6: 244 237 211;
  --color-background: 242 234 219;
  --color-on-background: 27 29 19;
  --color-on-hero: 26 26 0;
  --color-surface: 242 234 219;
  --color-surface-container-lowest: 251 243 232;
  --color-surface-container-low: 255 246 239;
  --color-surface-container: 255 248 245;
  --color-surface-container-high: 255 251 255;
  --color-surface-container-highest: 255 255 255;
  --color-surface-variant: 255 255 255;
  --color-surface-bright: 255 255 255;
  --color-surface-dim: 230 224 206;
  --color-on-surface: 27 29 19;
  --color-on-surface-variant: 77 81 57;
  --color-outline: 118 119 96;
  --color-outline-variant: 213 208 192;
  --color-inverse-surface: 48 49 37;
  --color-inverse-on-surface: 253 243 237;
  --shimmer-stops: #596400 20%, #006c6d 40%, #2f5c00 60%, #596400 80%;
}
html.dark {
  --color-primary: 188 210 0;
  --color-on-primary: 45 52 0;
  --color-primary-container: 137 153 0;
  --color-on-primary-container: 25 30 0;
  --color-secondary: 0 220 224;
  --color-on-secondary: 0 55 56;
  --color-secondary-container: 0 79 81;
  --color-on-secondary-container: 17 251 255;
  --color-inverse-primary: 89 100 0;
  --color-surface-tint: 188 210 0;
  --hero-1: 236 224 215;
  --hero-2: 141 134 52;
  --hero-3: 74 71 0;
  --hero-4: 56 55 0;
  --hero-5: 25 25 11;
  --hero-6: 7 6 6;
  --color-background: 5 5 5;
  --color-on-background: 228 228 207;
  --color-on-hero: 255 255 255;
  --color-surface: 5 5 5;
  --color-surface-container-lowest: 14 15 5;
  --color-surface-container-low: 27 29 16;
  --color-surface-container: 31 33 20;
  --color-surface-container-high: 40 43 29;
  --color-surface-container-highest: 52 54 40;
  --color-surface-variant: 52 54 40;
  --color-surface-bright: 56 58 42;
  --color-surface-dim: 19 21 8;
  --color-on-surface: 228 228 207;
  --color-on-surface-variant: 199 201 170;
  --color-outline: 53 50 50;
  --color-outline-variant: 70 72 49;
  --color-inverse-surface: 228 228 207;
  --color-inverse-on-surface: 49 50 35;
  --shimmer-stops: #c1ce73 20%, #9dd0d0 40%, #889900 60%, #c1ce73 80%;
}