/* Sampled from the XESUN client portal (client-portal.xesun.com): orange #ff6333
   CTA and links on white, #f5f8fa page surface, #637381 body text. Indigo
   #2a2490 / #4236b4 comes from the XE mark of the brand logo. */
:root {
  --background: #ffffff;
  --foreground: #1c2430;
  --card: #ffffff;
  --card-foreground: #1c2430;
  --popover: #ffffff;
  --popover-foreground: #1c2430;
  --primary: #ff6333;
  --primary-foreground: #ffffff;
  --secondary: #eeedfa;
  --secondary-foreground: #2a2490;
  --muted: #f5f8fa;
  --muted-foreground: #637381;
  --accent: #fff0eb;
  --accent-foreground: #c23c12;
  --border: #e3e8ed;
  --input: #c9d2da;
  --ring: #ff6333;
  --leaderboard-link-hover: #2a2490;
  --destructive: #ce1f20;
  --destructive-foreground: #ffffff;
  --chart-1: #ff6333;
  --chart-2: #2a2490;
  --chart-3: #42b549;
  --chart-4: #4236b4;
  --chart-5: #f5bd37;
}

.dark {
  --background: #0c0f22;
  --foreground: #f2f3f8;
  --card: #151936;
  --card-foreground: #f2f3f8;
  --popover: #151936;
  --popover-foreground: #f2f3f8;
  --primary: #ff6333;
  --primary-foreground: #ffffff;
  --secondary: #1f1d4f;
  --secondary-foreground: #c8c3ff;
  --muted: #1b2040;
  --muted-foreground: #a3a9c2;
  --accent: #3a1d17;
  --accent-foreground: #ffb39b;
  --border: #272c4f;
  --input: #343a60;
  --ring: #ff7a52;
  --leaderboard-link-hover: #b3abff;
  --destructive: #ef5350;
  --destructive-foreground: #ffffff;
  --chart-1: #ff7a52;
  --chart-2: #8f86ff;
  --chart-3: #5cd164;
  --chart-4: #6a5fe0;
  --chart-5: #f7cb5c;
}