/* Light Theme */
[data-theme="light"],
:root {
  /* Override variables for light theme using custom palette */
  --bg-primary: #EBF1F0;
  --bg-secondary: #DDE3E2;
  --bg-tertiary: #CFDCD4;
  
  --text-primary: #1A2621;
  --text-secondary: #2F3F37;
  --text-tertiary: #4D5E55;
  --text-inverse: #EBF1F0;
  
  --border-color: #CFDCD4;
  --border-color-light: #DDE3E2;
  --border-color-dark: #B8C8BE;
  
  --card-bg: #EBF1F0;
  --card-border: #CFDCD4;
  
  --input-bg: #EBF1F0;
  --input-border: #B8C8BE;
  --input-focus-border: var(--color-primary);
  
  --shadow-sm: 0 1px 2px rgba(26, 38, 33, 0.05);
  --shadow-md: 0 2px 8px rgba(26, 38, 33, 0.1);
  --shadow-lg: 0 4px 16px rgba(26, 38, 33, 0.15);
}

body[data-theme="light"] {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}