/* Trendify cabinet palette: light neutral surface with mint-green actions. */
:root {
  --background: #f4eeee;
  --foreground: #343840;
  --card: #ffffff;
  --card-foreground: #343840;
  --popover: #ffffff;
  --popover-foreground: #343840;
  --border: #e4e8ec;
  --input: #dfe5e8;
  --muted: #eef2f3;
  --muted-foreground: #6f747b;
  --primary: #00d094;
  --primary-foreground: #ffffff;
  --secondary: #e8fff9;
  --secondary-foreground: #087b61;
  --accent: #e8fff9;
  --accent-foreground: #087b61;
  --ring: #00b982;
  --leaderboard-link-hover: #008f70;
  --destructive: #d94a5a;
  --destructive-foreground: #ffffff;
  --chart-1: #00d094;
  --chart-2: #4da889;
  --chart-3: #f0b44d;
  --chart-4: #df6175;
  --chart-5: #5b8def;
}

.dark {
  --background: #20282b;
  --foreground: #f3f7f6;
  --card: #293437;
  --card-foreground: #f3f7f6;
  --popover: #293437;
  --popover-foreground: #f3f7f6;
  --border: #3a484b;
  --input: #405054;
  --muted: #263134;
  --muted-foreground: #a9b7b5;
  --primary: #00d094;
  --primary-foreground: #06251c;
  --secondary: #153d35;
  --secondary-foreground: #a7f5df;
  --accent: #153d35;
  --accent-foreground: #a7f5df;
  --ring: #00e1a1;
  --leaderboard-link-hover: #62e9c4;
  --destructive: #ef7180;
  --destructive-foreground: #251014;
  --chart-1: #00d094;
  --chart-2: #72c7ad;
  --chart-3: #f5c66a;
  --chart-4: #ed8190;
  --chart-5: #86a9f4;
}