/**
 * EXPERIMENT: Yankees Blue + Yellow (Dark Tangerine) theme
 * From palette: Yankees Blue #14213D (major), Dark Tangerine #FCA311 (buttons)
 *
 * TO REVERT: Remove or comment out the <link> to this file in index.html
 * (keep only /css/style.css) to restore the original copper theme.
 */

:root {
  /* Major — Yankees Blue (nav, hero bg, footer, dark anchors) */
  --color-obsidian: #14213D;
  --color-steel-gray: #1E3460;
  /* Accent — Dark Tangerine (buttons, links, highlights, dividers) */
  --color-burnt-copper: #FCA311;
  --color-copper-dark: #E3940F;
  --color-copper-light: #FDB838;
  /* Nav scrolled — dark blue */
  --nav-scrolled-bg: #14213D;
  /* Blob cursor — translucent Yankees blue so sections/elements stay visible; same colour, hover ring for pointing */
  --cursor-blob-fill: rgba(20, 33, 61, 0.58);
  --cursor-blob-shadow: 0 2px 10px rgba(20, 33, 61, 0.35), 0 0 0 1px rgba(20, 33, 61, 0.2);
  --cursor-blob-shadow-hover: 0 4px 16px rgba(20, 33, 61, 0.45), 0 0 0 3px rgba(20, 33, 61, 0.4);
  --cursor-blob-inner: rgba(255, 255, 255, 0.88);
  --cursor-blob-fill-hover: rgba(20, 33, 61, 0.72);
}

/* Button hover glow to match yellow accent */
.btn--primary:hover {
  box-shadow: 0 8px 24px rgba(252, 163, 17, 0.4);
}
.btn--outline:hover {
  background: rgba(252, 163, 17, 0.12);
  color: var(--color-copper-dark);
}