/*
  THEME 2: MAROON & STEEL BLUE
  Palette: maroon #991B35, steel blue #4169A1, silver grey #94A3B8,
  cool grey #F1F5F9, deep navy #19283C, white #FFFFFF, dark slate #1F2937,
  muted slate #64748B, light blue #93B4DA, very light blue #E8F0F8,
  border #E2E8F0, footer divider #475569.

  Activate: set THEME = "maroon-steel-blue" in _build_pages.py and run the build.
  Every token from themes/original.css is redefined here.
*/
:root[data-theme="maroon-steel-blue"] {
  /* Core palette */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F1F5F9;                      /* inner-page heading band */
  --color-surface: #E8F0F8;                     /* diagonal slices */
  --color-surface-hover: #E8F0F8;
  --color-text: #1F2937;
  --color-heading: #19283C;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --color-primary: #991B35;
  --color-primary-tint: rgba(153, 27, 53, 0.07);
  --color-secondary: #4169A1;
  --color-secondary-tint: #F1F5F9;              /* call-to-action diagonal band */
  --color-highlight: #991B35;
  --color-numeral: #4169A1;
  --color-accent: #94A3B8;
  --color-white: #FFFFFF;
  --color-focus: #4169A1;
  --color-input-focus-bg: #FFFFFF;
  --shadow-soft: rgba(25, 40, 60, 0.08);
  --shadow-lift: rgba(25, 40, 60, 0.14);

  /* Links */
  --link: #991B35;
  --link-hover: #4169A1;

  /* Header and navigation */
  --header-bg: #FFFFFF;
  --header-border: #E2E8F0;
  --brand-text: #991B35;
  --brand-accent: #4169A1;
  --brand-hover: #4169A1;
  --nav-link: #1F2937;
  --nav-hover: #991B35;
  --nav-hover-bg: #E8F0F8;
  --nav-active: #991B35;
  --mnav-bg: #FFFFFF;
  --mnav-link: #1F2937;
  --mnav-hover: #991B35;
  --mnav-active: #991B35;

  /* Hero */
  --hero-heading: #19283C;
  --hero-highlight: #991B35;
  --hero-copy: #1F2937;

  /* Buttons */
  --btn-primary-bg: #991B35;
  --btn-primary-text: #FFFFFF;
  --btn-primary-hover-bg: #4169A1;
  --btn-primary-hover-text: #FFFFFF;
  --btn-secondary-bg: #4169A1;
  --btn-secondary-border: #4169A1;
  --btn-secondary-text: #FFFFFF;
  --btn-secondary-hover-bg: #19283C;
  --btn-secondary-hover-border: #19283C;
  --btn-secondary-hover-text: #FFFFFF;

  /* Cards, frames and chips */
  --card-bg: #FFFFFF;
  --card-border: #E2E8F0;
  --card-hover-bg: #E8F0F8;
  --card-hover-border: #4169A1;
  --tile-plus-hover-border: #4169A1;
  --chip-hover-border: #93B4DA;

  /* Footer */
  --footer-bg: #19283C;
  --footer-border: #19283C;
  --footer-heading: #FFFFFF;
  --footer-text: #E2E8F0;
  --footer-link: #FFFFFF;
  --footer-link-hover: #93B4DA;
  --footer-brand: #FFFFFF;
  --footer-brand-accent: #93B4DA;
  --footer-brand-hover: #93B4DA;
  --footer-base-link: #93B4DA;
  --footer-base-link-hover: #FFFFFF;
  --footer-divider: #475569;
}