:root {
  /* Core Colors (Can be overridden if needed) */
  --blog-accent: #6366f1;
  --blog-accent-rgb: 99, 102, 241;
  --blog-accent-secondary: #8b5cf6;

  /* Dark Mode Variables */
  --color-mode-bg: #020617;
  /* Deep almost black blue */
  --color-mode-bg-rgb: 2, 6, 23;
  --color-mode-bg-secondary: #0f172a;
  --color-mode-bg-card: #1e293b;

  --color-mode-text: #f8fafc;
  --color-mode-text-rgb: 248, 250, 252;
  --color-mode-text-secondary: #cbd5e1;
  --color-mode-text-muted: #64748b;

  --color-mode-border: #334155;
  --color-mode-border-rgb: 51, 65, 85;
  --color-mode-border-hover: #475569;

  /* Dark Glass Effects */
  --blog-glass: rgba(15, 23, 42, 0.7);
  --blog-glass-border: rgba(255, 255, 255, 0.1);

  --header-height: 80px;

  /* Helper for JS to know which theme is active */
  --current-theme: "dark";
}