:root {
  /* Light Theme Color Variables */
  --color-background: oklch(0.9711 0.0074 80.7211);
  --color-foreground: oklch(0.3000 0.0358 30.2042);
  --color-card: oklch(0.9711 0.0074 80.7211);
  --color-card-foreground: oklch(0.3000 0.0358 30.2042);
  --color-popover: oklch(0.9711 0.0074 80.7211);
  --color-popover-foreground: oklch(0.3000 0.0358 30.2042);
  --color-primary: oklch(0.5234 0.1347 144.1672);
  --color-primary-foreground: oklch(1.0000 0 0);
  --color-secondary: oklch(0.9571 0.0210 147.6360);
  --color-secondary-foreground: oklch(0.4254 0.1159 144.3078);
  --color-muted: oklch(0.9370 0.0142 74.4218);
  --color-muted-foreground: oklch(0.4495 0.0486 39.2110);
  --color-accent: oklch(0.8952 0.0504 146.0366);
  --color-accent-foreground: oklch(0.4254 0.1159 144.3078);
  --color-destructive: oklch(0.5386 0.1937 26.7249);
  --color-destructive-foreground: oklch(1.0000 0 0);
  --color-border: oklch(0.8805 0.0208 74.6428);
  --color-input: oklch(0.8805 0.0208 74.6428);
  --color-ring: oklch(0.5234 0.1347 144.1672);
  --color-chart-1: oklch(0.6731 0.1624 144.2083);
  --color-chart-2: oklch(0.5752 0.1446 144.1813);
  --color-chart-3: oklch(0.5234 0.1347 144.1672);
  --color-chart-4: oklch(0.4254 0.1159 144.3078);
  --color-chart-5: oklch(0.2157 0.0453 145.7256);
  --color-sidebar: oklch(0.9370 0.0142 74.4218);
  --color-sidebar-foreground: oklch(0.3000 0.0358 30.2042);
  --color-sidebar-primary: oklch(0.5234 0.1347 144.1672);
  --color-sidebar-primary-foreground: oklch(1.0000 0 0);
  --color-sidebar-accent: oklch(0.8952 0.0504 146.0366);
  --color-sidebar-accent-foreground: oklch(0.4254 0.1159 144.3078);
  --color-sidebar-border: oklch(0.8805 0.0208 74.6428);
  --color-sidebar-ring: oklch(0.5234 0.1347 144.1672);

  /* Font & Layout Variables (consistent across themes) */
  --font-sans: JetBrains Mono, monospace;
  --font-serif: Merriweather, serif;
  --font-mono: Architects Daughter, sans-serif;
  --radius: 0.5rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);

  /* Shadow Variables */
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  /* Dark Theme Color Variables */
  --color-background: oklch(0.2683 0.0279 150.7681);
  --color-foreground: oklch(0.9423 0.0097 72.6595);
  --color-card: oklch(0.3327 0.0271 146.9867);
  --color-card-foreground: oklch(0.9423 0.0097 72.6595);
  --color-popover: oklch(0.3327 0.0271 146.9867);
  --color-popover-foreground: oklch(0.9423 0.0097 72.6595);
  --color-primary: oklch(0.6731 0.1624 144.2083);
  --color-primary-foreground: oklch(0.2157 0.0453 145.7256);
  --color-secondary: oklch(0.3942 0.0265 142.9926);
  --color-secondary-foreground: oklch(0.8970 0.0166 142.5518);
  --color-muted: oklch(0.3327 0.0271 146.9867);
  --color-muted-foreground: oklch(0.8579 0.0174 76.0955);
  --color-accent: oklch(0.5752 0.1446 144.1813);
  --color-accent-foreground: oklch(0.9423 0.0097 72.6595);
  --color-destructive: oklch(0.5386 0.1937 26.7249);
  --color-destructive-foreground: oklch(0.9423 0.0097 72.6595);
  --color-border: oklch(0.3942 0.0265 142.9926);
  --color-input: oklch(0.3942 0.0265 142.9926);
  --color-ring: oklch(0.6731 0.1624 144.2083);
  --color-chart-1: oklch(0.7660 0.1179 145.2950);
  --color-chart-2: oklch(0.7185 0.1417 144.8887);
  --color-chart-3: oklch(0.6731 0.1624 144.2083);
  --color-chart-4: oklch(0.6291 0.1543 144.2031);
  --color-chart-5: oklch(0.5752 0.1446 144.1813);
  --color-sidebar: oklch(0.2683 0.0279 150.7681);
  --color-sidebar-foreground: oklch(0.9423 0.0097 72.6595);
  --color-sidebar-primary: oklch(0.6731 0.1624 144.2083);
  --color-sidebar-primary-foreground: oklch(0.2157 0.0453 145.7256);
  --color-sidebar-accent: oklch(0.5752 0.1446 144.1813);
  --color-sidebar-accent-foreground: oklch(0.9423 0.0097 72.6595);
  --color-sidebar-border: oklch(0.3942 0.0265 142.9926);
  --color-sidebar-ring: oklch(0.6731 0.1624 144.2083);
}