/* ================================================================
   THEMES.CSS — Root theme variables, dark/light overrides
   Part of the RustyBlade BootCamp stylesheet, split for maintainability.
   Load LAST per the originally requested file order.
   ================================================================ */

/* ================================================================
   SECTION 1: GLOBAL THEME VARIABLES
   ================================================================ */

:root {
  /* ── Dark theme (default) ── */
  --bg: #0a0a0f;
  --surface: #14141e;
  --surface-variant: #1e1e2a;
  --surface-raised: #1a1a26;
  --border: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.12);
  --text: #f0ece6;
  --text-secondary: #c8c0b8;
  --text-muted: #9a9290;
  --accent: #c62828;
  --accent-hover: #b71c1c;
  --accent-soft: rgba(198, 40, 40, 0.12);
  --accent-nav: #c62828;
  --nav-text: #ffffff;
  --accent-text: #c62828;
  --green: #2e7d32;
  --green-soft: rgba(46, 125, 50, 0.15);
  --amber: #f5a623;
  --amber-soft: rgba(245, 166, 35, 0.12);
  --red: #c62828;
  --red-soft: rgba(198, 40, 40, 0.12);
  --gold: #f5a623;
  --gold-soft: rgba(245, 166, 35, 0.12);
  --gold-hover: #e0951a;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-xs: 4px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.6);
  --transition: 0.2s ease;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ── Light theme overrides ── */
[data-theme="light"] {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-variant: #f0f2f5;
  --surface-raised: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text: #1e293b;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }