:root[data-theme="light"] {
  --background: #f5f5f5;
  --foreground: #333;
  --primary: #1e81b0;
  --primary-hover: #166191;
  --card-bg: #ffffff;
  --card-shadow: 0 4px 16px rgba(0,0,0,0.15);
  --text-primary: #1e81b0;
  --text-secondary: #ffffff;
  --accent: #ffe082;
  --border-radius: 18px;
  --border-radius-sm: 6px;
  --shadow-sm: 0 4px 16px rgba(0,0,0,0.15);
  --card-border: 1px solid #ddd;
  --font-family: 'Noto Sans', Arial, sans-serif;
  --header-text: #333;
  --header-link: #007bff;
  --header-link-hover: #0056b3;
}