/* Theme stylesheet for dark/light variables */
:root {
  --bs-body-font-family: 'Inter', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --cherry-red: #ff334b;
}

/* Light Theme Variables */
[data-bs-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #fdf8f8;
  --bg-tertiary: #f9ebeb;
  --text-primary: #121212;
  --text-secondary: #4a4a4a;
  --text-muted: #8c8c8c;
  --accent-color: #ff334b;
  --accent-hover: #e02237;
  --accent-glow: rgba(255, 51, 75, 0.12);
  --border-color: #f1e4e5;
  --border-glow: rgba(255, 51, 75, 0.08);
  --card-bg: #ffffff;
  --card-bg-hover: #fdf8f8;
  --card-shadow: 0 10px 30px rgba(255, 51, 75, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
  --header-bg: rgba(255, 255, 255, 0.85);
  --topbar-bg: #fff3f4;
  --topbar-text: #66222b;
  --input-bg: #ffffff;
  --input-border: #e2cfd1;
  --input-color: #121212;
  --hero-glow: radial-gradient(circle at 80% 20%, rgba(255, 51, 75, 0.1) 0%, rgba(255, 255, 255, 0) 60%);
  --footer-bg: #fff3f4;
  --footer-text: #4a4a4a;
  --badge-bg: #fff3f4;
  --badge-text: #ff334b;
  --live-feed-item: #ffffff;
  --live-feed-border: #f1e4e5;
}

/* Dark Theme Variables */
[data-bs-theme="dark"] {
  --bg-primary: #050505;
  --bg-secondary: #0c090a;
  --bg-tertiary: #140d0e;
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-muted: #666666;
  --accent-color: #ff334b;
  --accent-hover: #ff4d62;
  --accent-glow: rgba(255, 51, 75, 0.35);
  --border-color: #221415;
  --border-glow: rgba(255, 51, 75, 0.2);
  --card-bg: #0c090a;
  --card-bg-hover: #120e0f;
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(255, 51, 75, 0.05);
  --header-bg: rgba(5, 5, 5, 0.85);
  --topbar-bg: #110708;
  --topbar-text: #ffb3bc;
  --input-bg: #0e0a0b;
  --input-border: #2c191b;
  --input-color: #ffffff;
  --hero-glow: radial-gradient(circle at 80% 20%, rgba(255, 51, 75, 0.22) 0%, rgba(5, 5, 5, 0) 65%);
  --footer-bg: #0c090a;
  --footer-text: #b0b0b0;
  --badge-bg: #221415;
  --badge-text: #ff334b;
  --live-feed-item: #0c090a;
  --live-feed-border: #221415;
}