/**
 * Bhairo Nest - Light Mode Theme Stylesheet (theme-light.css)
 * Off-White / Platinum Background (#f8fafc), High-Contrast Typography & 3D Glass Tokens
 */

:root, html:not(.dark-theme), body:not(.dark-theme) {
  background-color: #f8fafc;
  color: #0f172a;

  /* Surface & Background Colors */
  --bg-primary: #f8fafc;
  --bg-secondary: rgba(241, 245, 249, 0.65);
  --bg-surface: rgba(255, 255, 255, 0.88);
  --bg-nav: rgba(255, 255, 255, 0.92);

  /* Typography Tokens */
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-inverted: #ffffff;

  /* Accent & Brand Colors */
  --accent-primary: #0f766e;
  --accent-secondary: #0284c7;
  --accent-hover: #0d9488;
  --color-accent: #0f766e;

  /* High-Contrast 3D Heading Gradients */
  --heading-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f766e 100%);
  --heading-shadow: 0 4px 20px rgba(15, 118, 110, 0.15);

  /* Glassmorphism & Panel Tokens */
  --glass-bg: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(15, 118, 110, 0.2);
  --border-color: rgba(203, 213, 225, 0.8);

  /* 3D Shadows & Elevation Tokens */
  --shadow-sm: 0 2px 8px rgba(15, 118, 110, 0.05);
  --shadow-md: 0 10px 25px -5px rgba(15, 118, 110, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 20px 40px -10px rgba(15, 118, 110, 0.12), 0 12px 18px -8px rgba(0, 0, 0, 0.05);
  --shadow-3d-hover: 0 25px 50px -12px rgba(15, 118, 110, 0.22), 0 0 25px 2px rgba(14, 165, 233, 0.15);

  /* Tag & Badge Tokens */
  --tag-bg: linear-gradient(135deg, rgba(15, 118, 110, 0.14), rgba(14, 165, 233, 0.14));
  --tag-border: rgba(15, 118, 110, 0.35);
  --tag-text: #0f766e;

  /* Form Input Tokens */
  --input-bg: rgba(255, 255, 255, 0.95);
  --input-border: #cbd5e1;
  --input-text: #0f172a;
}