/* FiveTec Global Capital — brand purple #6d39e4 (logo "Tec" glyph, cabinet CTA),
   icon gradient #a050d0 -> #182098. Light-first UI (client cabinet is light). */

:root {
  --background: #ffffff;
  --foreground: #16121f;
  --card: #ffffff;
  --card-foreground: #16121f;
  --popover: #ffffff;
  --popover-foreground: #16121f;
  --border: #e6e3ef;
  --input: #d9d4e8;
  --muted: #f5f3fa;
  --muted-foreground: #6f6a80;
  --primary: #6d39e4;
  --primary-foreground: #ffffff;
  --secondary: #f1ecfc;
  --secondary-foreground: #3c1d8f;
  --accent: #f1ecfc;
  --accent-foreground: #3c1d8f;
  --ring: #6d39e4;
  --leaderboard-link-hover: #5527c4;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #6d39e4;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #ef4444;
  --chart-5: #a050d0;
}

.dark {
  --background: #120d24;
  --foreground: #f2effc;
  --card: #1a1433;
  --card-foreground: #f2effc;
  --popover: #1a1433;
  --popover-foreground: #f2effc;
  --border: #2e2452;
  --input: #2e2452;
  --muted: #201941;
  --muted-foreground: #a29ac2;
  --primary: #8257ec;
  --primary-foreground: #ffffff;
  --secondary: #201941;
  --secondary-foreground: #e6ddfb;
  --accent: #201941;
  --accent-foreground: #e6ddfb;
  --ring: #8257ec;
  --leaderboard-link-hover: #9d7bf2;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #8257ec;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #ef4444;
  --chart-5: #a050d0;
}