/* ==========================================================================
   theme.css — Chedders Bootstrap Core DNA
   Light / Dark CSS variable definitions
   ========================================================================== */

:root {
  --primary: #0b1f3a;
  --primary-light: #16345f;
  --background: #ffffff;
  --surface: #f8f9fa;
  --text: #111111;
  --muted: #6c757d;
  --border: #e5e7eb;
  --shadow: rgba(0, 0, 0, 0.05);

  /* Extended tokens */
  --surface-2: #f1f3f5;
  --accent-subtle: rgba(11, 31, 58, 0.06);
  --nav-bg: #ffffff;
  --footer-bg: #f8f9fa;
  --code-bg: #f1f3f5;
  --badge-bg: rgba(11, 31, 58, 0.08);
  --badge-text: #0b1f3a;
  --status-dot: #22c55e;
}

[data-theme="dark"] {
  --background: #081120;
  --surface: #0f1c2e;
  --text: #ffffff;
  --muted: #b0b7c3;
  --border: rgba(255, 255, 255, 0.08);
  --shadow: rgba(0, 0, 0, 0.3);

  /* Extended tokens — dark */
  --surface-2: #132030;
  --accent-subtle: rgba(255, 255, 255, 0.04);
  --nav-bg: #0b1827;
  --footer-bg: #0b1827;
  --code-bg: #0f1c2e;
  --badge-bg: rgba(255, 255, 255, 0.08);
  --badge-text: #b0b7c3;
  --status-dot: #22c55e;
}