:root {
  --color-primary: #111111;
  --color-accent-light: #faf3aa;
  --color-accent-dark: #9c7945;
  --color-border: #d1d5db;
  --color-text-muted: #6b7280;
  --color-white: #fdfeff;
  --color-background: #F1F5F9;
  --color-background-secondary: #ffffff;
  --color-background-tertiary: #fdfdfd;
  --color-foreground: #111827;
  --color-foreground-secondary: #555555;
  --color-item-selected: #3a3980;
  --color-red: #E53935; 
  --color-blue: #5B7FA3;
  --color-star-selected: #3a3980;
  --color-star-deselected: #CCCCCC;
}

.dark {
  --color-background: #222222;
  --color-background-secondary: #333333;
  --color-background-tertiary: #444444;
  --color-foreground: #DEDEDE;
  --color-foreground-secondary: #CCCCCC;
  --color-border: #374151;
  --color-text-muted: #BBBBBB;
  --color-item-selected: #6363a1; 
  --color-red: #EF5350;
  --color-blue: #7FA6CC;
  --color-star-selected: #FFD700;
}