:root {
   /* Core Colors */
   --blog-accent: #6366f1;
   --blog-accent-rgb: 99, 102, 241;
   --blog-accent-secondary: #8b5cf6;

   /* Light Mode Variables */
   --color-mode-bg: #ffffff;
   --color-mode-bg-rgb: 255, 255, 255;
   --color-mode-bg-secondary: #f8fafc;
   --color-mode-bg-card: #ffffff;

   --color-mode-text: #0f172a;
   --color-mode-text-rgb: 15, 23, 42;
   --color-mode-text-secondary: #475569;
   --color-mode-text-muted: #94a3b8;

   --color-mode-border: #e2e8f0;
   --color-mode-border-rgb: 226, 232, 240;
   --color-mode-border-hover: #cbd5e1;

   /* Light Glass Effects */
   --blog-glass: rgba(255, 255, 255, 0.8);
   --blog-glass-border: rgba(226, 232, 240, 0.6);

   --header-height: 80px;

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