:root {
  --color-primary: #3a3980;
  --color-on-primary: #d1d5db;
  --color-primary-dark: #2c2e35;
  --color-primary-light: #5c5ba2;
  --color-border: #d1d5db;
  --color-text-muted: #6b7280;
  --color-white: #fdfeff;
  --color-background: #fdfeff;
  --color-background-secondary: #ffffff;
  --color-background-tertiary: #fdfdfd;
  --color-foreground: #000000;
  --color-foreground-secondary: #555555;
  --color-item-selected: #3a3980;
  --color-red: #E53935; 
  --color-star-selected: #3a3980;
  --color-star-deselected: #CCCCCC;
}

.dark {
  --color-background: #111827;
  --color-background-secondary: #222938;
  --color-background-tertiary: #152231;
  --color-foreground: #f9e9fb;
  --color-foreground-secondary: #9999a6;
  --color-border: #374151;
  --color-text-muted: #9ca3af;
  --color-item-selected: #6363a1; 
  --color-red: #EF5350;
  --color-star-selected: #FFD700;
}