/* Frontend theme selected by the request host; copper is the default. */
:root[data-theme="blue"] {
  --line: #dce2e1;
  --soft: #f1f6f9;
  --brand: #0059B3;
  --brand-dark: #00478F;
  --brand-pale: #D9EEFA;
  --brand-rgb: 0, 89, 179;
  --surface-hover: #f1f7fc;
  --surface-icon: #f3f9fc;
  --surface-input: #e8edf0;
  --surface-map: #e7ebee;
  --surface-hover-strong: #eaf4fb;
  --accent-soft: #d8f1fa;
  --accent-index: #65c3e9;
  --media-fallback: #0a3c62;
  --cover-gradient-start: #0667b6;
  --cover-gradient-end: #003d78;
  --field-border: #b8c5cd;
  --about-kicker: #5d7282;
  --pagination-border: #d5e1ec;
  --dialog-text: #18354b;
  --dialog-icon-bg: #e5f3fc;
  --focus-accent: #60b6ed;
  --shade-top-rgb: 0, 55, 120;
  --shade-middle-rgb: 0, 46, 105;
  --shade-bottom-rgb: 0, 29, 79;
  --video-button-rgb: 0, 48, 103;
  --page-shade-start-rgb: 0, 45, 100;
  --page-shade-middle-rgb: 0, 75, 145;
  --page-shade-end-rgb: 0, 48, 112;
  --about-wash-rgb: 219, 239, 250;
  --service-wash-rgb: 232, 246, 252;
  --dialog-shadow-rgb: 0, 30, 65;
  --dialog-backdrop-rgb: 0, 31, 64;
}