/*
  THEME 1: ORIGINAL LUMEN EIGHTY
  The exact colours the site used before themes were introduced (taken from
  css/lumen.css; copy kept in _backup/theme-backup-2026-10-15/css/lumen.css).
  Also the fallback when <html> has no data-theme attribute.

  Activate: set THEME = "original" in _build_pages.py and run the build.
*/
:root,
:root[data-theme="original"] {
  /* Core palette */
  --color-bg: #FFFFFF;                          /* page background */
  --color-bg-alt: transparent;                  /* inner-page heading band (plain white here) */
  --color-surface: #E0F2FE;                     /* pale ice blue diagonal slices, image placeholders */
  --color-surface-hover: #CDE8FC;               /* deeper ice blue interactive states */
  --color-text: #1B1B24;                        /* body text */
  --color-heading: #1B1B24;                     /* headings */
  --color-text-muted: #5F6873;                  /* captions, ledes, secondary text */
  --color-border: #D6E4EF;                      /* hairlines and outlines */
  --color-primary: #C92A2A;                     /* crimson: eyebrows, bullets, active and error states */
  --color-primary-tint: rgba(201, 42, 42, 0.08); /* hero diagonal tint */
  --color-secondary: #1F5F8B;                   /* sea blue: informational states */
  --color-secondary-tint: rgba(31, 95, 139, 0.09); /* call-to-action diagonal band */
  --color-highlight: #1F5F8B;                   /* italic highlighted words in headings */
  --color-numeral: #1F5F8B;                     /* italic numerals and dates */
  --color-accent: #D6E4EF;                      /* breadcrumb separators */
  --color-white: #FFFFFF;
  --color-focus: #C92A2A;                       /* focus ring and focused input border */
  --color-input-focus-bg: #FBFDFF;
  --shadow-soft: rgba(27, 27, 36, 0.06);        /* dropdown shadow */
  --shadow-lift: rgba(27, 27, 36, 0.10);        /* hero detail image shadow */

  /* Links */
  --link: #C92A2A;
  --link-hover: #1F5F8B;

  /* Header and navigation */
  --header-bg: #FFFFFF;
  --header-border: #D6E4EF;
  --brand-text: #1B1B24;
  --brand-accent: #C92A2A;                      /* the "//" in the wordmark */
  --brand-hover: #C92A2A;
  --nav-link: #1B1B24;
  --nav-hover: #C92A2A;
  --nav-hover-bg: #CDE8FC;
  --nav-active: #C92A2A;
  --mnav-bg: #FFFFFF;
  --mnav-link: #1B1B24;
  --mnav-hover: #1B1B24;                        /* mobile links had no hover colour */
  --mnav-active: #C92A2A;

  /* Hero */
  --hero-heading: #1B1B24;
  --hero-highlight: #1F5F8B;
  --hero-copy: #5F6873;

  /* Buttons */
  --btn-primary-bg: #C92A2A;
  --btn-primary-text: #FFFFFF;
  --btn-primary-hover-bg: #1B1B24;
  --btn-primary-hover-text: #FFFFFF;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: #1B1B24;
  --btn-secondary-text: #1B1B24;
  --btn-secondary-hover-bg: #1B1B24;
  --btn-secondary-hover-border: #1B1B24;
  --btn-secondary-hover-text: #FFFFFF;

  /* Cards, frames and chips */
  --card-bg: transparent;
  --card-border: #D6E4EF;
  --card-hover-bg: #CDE8FC;
  --card-hover-border: #D6E4EF;                 /* unchanged on hover */
  --tile-plus-hover-border: #CDE8FC;
  --chip-hover-border: #CDE8FC;

  /* Footer */
  --footer-bg: transparent;
  --footer-border: #D6E4EF;
  --footer-heading: #1B1B24;
  --footer-text: #5F6873;
  --footer-link: #5F6873;
  --footer-link-hover: #C92A2A;
  --footer-brand: #1B1B24;
  --footer-brand-accent: #C92A2A;
  --footer-brand-hover: #C92A2A;
  --footer-base-link: #C92A2A;
  --footer-base-link-hover: #1F5F8B;
  --footer-divider: #D6E4EF;
}