/* === claude-blog: light-theme.css === */
html.light-theme {
  --bg-primary: hsl(220, 20%, 98%);
  --bg-card: hsl(220, 20%, 100%);
  --bg-elevated: hsl(220, 20%, 96%);

  --text-primary: hsla(220, 20%, 8%, 0.95);
  --text-secondary: hsla(220, 15%, 30%, 0.85);
  --text-muted: hsla(220, 10%, 45%, 0.8);

  --color-primary: hsl(152, 60%, 38%);
  --color-primary-hover: hsl(152, 65%, 32%);
  --color-primary-soft: hsla(152, 60%, 38%, 0.08);

  --border: hsla(220, 20%, 8%, 0.08);
  --border-strong: hsla(220, 20%, 8%, 0.16);

  --shadow-sm: 0 1px 2px hsla(220, 30%, 0%, 0.06);
  --shadow-md: 0 8px 24px hsla(220, 30%, 0%, 0.08);
  --shadow-glow: 0 0 60px hsla(152, 69%, 45%, 0.06);
}

html.light-theme .site-header {
  background: hsla(220, 20%, 98%, 0.85);
}

html.light-theme .theme-toggle .icon-sun { display: block; }
html.light-theme .theme-toggle .icon-moon { display: none; }