/**
 * Bhairo Nest - Dark Mode Theme Stylesheet (theme-dark.css)
 * Rich Deep Charcoal Background (#0b0e14), Cyan & Violet Electric Accents & 3D Glass Glow
 */

body.dark-theme, html.dark-theme {
  background-color: #0b0e14 !important;
  color: #f8fafc;

  /* Surface & Background Colors */
  --bg-primary: #0b0e14;
  --bg-secondary: rgba(18, 23, 34, 0.75);
  --bg-surface: rgba(24, 32, 48, 0.88);
  --bg-nav: rgba(11, 14, 20, 0.92);

  /* Typography Tokens */
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-inverted: #0f172a;

  /* Accent & Brand Colors */
  --accent-primary: #38bdf8;
  --accent-secondary: #818cf8;
  --accent-hover: #7dd3fc;
  --color-accent: #38bdf8;

  /* Glowing 3D Heading Gradients */
  --heading-gradient: linear-gradient(135deg, #ffffff 0%, #cbd5e1 50%, #38bdf8 100%);
  --heading-shadow: 0 0 30px rgba(56, 189, 248, 0.3);

  /* Glassmorphism & Panel Tokens */
  --glass-bg: rgba(18, 23, 34, 0.85);
  --glass-border: rgba(255, 255, 255, 0.15);
  --border-color: rgba(255, 255, 255, 0.15);

  /* 3D Shadows & Elevation Tokens */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.6);
  --shadow-3d-hover: 0 20px 40px -10px rgba(56, 189, 248, 0.28), 0 0 25px 2px rgba(129, 140, 248, 0.25);

  /* Tag & Badge Tokens */
  --tag-bg: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(129, 140, 248, 0.18));
  --tag-border: rgba(56, 189, 248, 0.35);
  --tag-text: #38bdf8;

  /* Form Input Tokens */
  --input-bg: rgba(18, 23, 34, 0.9);
  --input-border: rgba(56, 189, 248, 0.3);
  --input-text: #f8fafc;
}