:root {
  --color-primary: #7d9a71;
  --color-secondary: #838680;
  --color-on-primary: #ffffff;
  --color-primary-dark: #303030;
  --color-primary-light: #5c7859;
  --color-border: #d1d5db;
  --color-text-muted: #6b7280;
  --color-text-hover: #555555; 
  --color-white: #ffffff;
  --color-blue: #7FA6CC;
  --color-background: #ffffff;
  --color-background-secondary: #fdfeff;
  --color-background-tertiary: #eeeeee;
  --color-foreground: #000000;
  --color-foreground-secondary: #555555;
  --color-red: #E53935; 
  --color-orange: #D98A3A;
  --color-star-selected: #5c7859;
  --color-star-deselected: #d9d9d9;
}

.dark {
  --color-background: #202020;
  --color-background-secondary: #353535;
  --color-background-tertiary: #262626;
  --color-foreground: #ffffff;
  --color-foreground-secondary: #9999a6;
  --color-border: #414141;
  --color-text-muted: #9ca3af;
  --color-red: #EF5350;
  --color-star-selected: #FFD700;
}