:root {
  --color-primary: #7d9a71;
  --color-on-primary: #ffffff;
  --color-primary-highlight: #303030; 
  --color-green: #7d9a71;
  --color-secondary: #838680;
  --color-primary-dark: #303030;
  --color-primary-light: #5c7859;
  --color-border: #ccd0d6;
  --color-text-muted: #6b7280;
  --color-text-hover: #555555; 
  --color-white: #ffffff;
  --color-blue: #7FA6CC;
  --color-background: #e2e2e2;
  --color-background-secondary: #fbfbfb;
  --color-background-tertiary: #cdcdcd;
  --color-foreground: #000000;
  --color-foreground-secondary: #555555;
  --color-red: #E53935; 
  --color-orange: #D98A3A;
  --color-grey: #5f5f5f;
  --color-star-selected: #5c7859;
  --color-star-deselected: #d9d9d9;
  --color-deep-blue: #3a3980;
  --color-sage-green: #789174;
  --color-flame-red: #f65d47;
  --color-gold: #b79a55;
  --color-silver: #90959A;
  --color-purple: #735A8F;
}

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