/* ==========================================================
   THEME — the only file you need to edit to recolor the site
   Every color in site.css is read from these keys.
   Transparent variants (overlays, glows, borders) are derived
   automatically with color-mix(), so you only set solid HEX values.
   ========================================================== */

:root {
  /* ---------- Surfaces ---------- */
  --bg: #ffffff; /* page background */
  --bg-darker: rgb(18 36 50); /* alternate sections */
  --bg-deep: #0b1720; /* deepest navy — "The Apex Difference" section */
  --bg-card: #141414; /* cards */
  --bg-card-hover: #1a1a1a; /* card hover */
  --black: #000000; /* footer + shadows/overlays */
  --white: #ffffff; /* subtle highlights, button hover */

  /* ---------- Text ---------- */
  --fg: #ca9b4d; /* gold text on dark backgrounds */
  --fg-on-light: #a87a2f; /* gold headings on light backgrounds (readable contrast) */
  --gold-ink: #8a6a2f; /* small gold labels on light backgrounds */
  --fg-dim: rgb(18 36 51); /* body / secondary text */
  --muted: #6a6a6a; /* labels, captions */
  --on-accent: #000000; /* text/icons that sit ON the accent color */

  /* ---------- Brand accent ---------- */
  --accent: rgb(239 235 224); /* main brand color */
  --accent-bright: #c09346; /* hover state */
  --accent-dim: #916e33; /* scrollbar, card-hover border */

  /* ---------- Neutral accent ---------- */
  --silver: #c8c8c8;
  --silver-dim: #5a5a5a;

  /* ---------- Lines ---------- */
  --border: #1f1f1f;
  --border-light: #2a2a2a;

  /* ---------- Fonts (loaded in Views/Shared/_Layout.cshtml) ---------- */
  --font-display: "Bebas Neue", sans-serif;
  --font-heading: "Oswald", sans-serif;
  --font-body: "Archivo", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

/* ==========================================================
   PRESET PALETTES
   Use one by adding data-theme to the <html> tag in _Layout.cshtml, e.g.
   <html lang="en" data-bs-theme="dark" data-theme="ocean">
   Each preset only overrides what it needs.
   ========================================================== */

/* Ocean — electric blue */
[data-theme="ocean"] {
  --bg: #070b10;
  --bg-darker: #04070a;
  --bg-card: #0e151d;
  --bg-card-hover: #131d28;
  --accent: #00b4ff;
  --accent-bright: #4ccbff;
  --accent-dim: #0077aa;
  --border: #16212c;
  --border-light: #213041;
}

/* Lime — acid green */
[data-theme="lime"] {
  --bg: #0a0d06;
  --bg-darker: #060803;
  --bg-card: #12170c;
  --bg-card-hover: #181f0f;
  --accent: #a6ff00;
  --accent-bright: #c2ff4d;
  --accent-dim: #6b9e00;
  --border: #1c2413;
  --border-light: #2a361b;
}

/* Royal — violet, light text on accent */
[data-theme="royal"] {
  --bg: #0b0910;
  --bg-darker: #06050a;
  --bg-card: #141120;
  --bg-card-hover: #1b172b;
  --accent: #8b5cff;
  --accent-bright: #a683ff;
  --accent-dim: #5b32c4;
  --on-accent: #ffffff;
  --border: #211c33;
  --border-light: #2f2847;
}