/* Sampled from the Alpari trader's room (trade.alpari.com): black #191919 CTA
   on white, blue #1e5dac selection/checkbox accent, #e1f1ff info surfaces.
   Charts use the logo's green / purple / orange stripes. */
:root {
  --background: #ffffff;
  --foreground: #191919;
  --card: #ffffff;
  --card-foreground: #191919;
  --popover: #ffffff;
  --popover-foreground: #191919;
  --primary: #191919;
  --primary-foreground: #ffffff;
  --secondary: #e1f1ff;
  --secondary-foreground: #1e5dac;
  --muted: #f5f5f6;
  --muted-foreground: #6b6b70;
  --accent: #e1f1ff;
  --accent-foreground: #1e5dac;
  --border: #e4e4e7;
  --input: #cbcbcd;
  --ring: #1e5dac;
  --leaderboard-link-hover: #1e5dac;
  --destructive: #d32f2f;
  --destructive-foreground: #ffffff;
  --chart-1: #00ae1d;
  --chart-2: #7c00ff;
  --chart-3: #ff5400;
  --chart-4: #1e5dac;
  --chart-5: #af3f00;
}

.dark {
  --background: #121212;
  --foreground: #f4f4f6;
  --card: #1c1c1e;
  --card-foreground: #f4f4f6;
  --popover: #1c1c1e;
  --popover-foreground: #f4f4f6;
  --primary: #f4f4f6;
  --primary-foreground: #191919;
  --secondary: #1a2a3d;
  --secondary-foreground: #9cc7f5;
  --muted: #222224;
  --muted-foreground: #a1a1a6;
  --accent: #1a2a3d;
  --accent-foreground: #9cc7f5;
  --border: #2e2e32;
  --input: #3a3a3e;
  --ring: #5b9be0;
  --leaderboard-link-hover: #9cc7f5;
  --destructive: #ef5350;
  --destructive-foreground: #ffffff;
  --chart-1: #00d424;
  --chart-2: #9d4dff;
  --chart-3: #ff6d1f;
  --chart-4: #5b9be0;
  --chart-5: #d9772f;
}