/* 369 Markets — brand colors from B2CP-17709 */

:root {
  --background: #ffffff;
  --foreground: #070707;
  --card: #f6f7f7;
  --card-foreground: #070707;
  --popover: #f6f7f7;
  --popover-foreground: #070707;
  --border: #d6d7db;
  --input: #e9e9eb;
  --muted: #f1f1f3;
  --muted-foreground: #6b6e79;
  --primary: #0a7cff;
  --primary-foreground: #ffffff;
  --secondary: #ddeeff;
  --secondary-foreground: #004fcc;
  --accent: #ddeeff;
  --accent-foreground: #004fcc;
  --ring: #0a7cff;
  --leaderboard-link-hover: #0a7cff;
  --destructive: #db2438;
  --destructive-foreground: #ffffff;
  --chart-1: #0a7cff;
  --chart-2: #2ca447;
  --chart-3: #e6c200;
  --chart-4: #db2438;
  --chart-5: #7c3aed;
}

.dark {
  --background: #070707;
  --foreground: #ffffff;
  --card: #191919;
  --card-foreground: #ffffff;
  --popover: #191919;
  --popover-foreground: #ffffff;
  --border: #383838;
  --input: #262626;
  --muted: #1e1e1e;
  --muted-foreground: #8d8d8d;
  --primary: #0a7cff;
  --primary-foreground: #ffffff;
  --secondary: #0c1e35;
  --secondary-foreground: #5ab3ff;
  --accent: #0c1e35;
  --accent-foreground: #5ab3ff;
  --ring: #0a7cff;
  --leaderboard-link-hover: #2389ff;
  --destructive: #db2438;
  --destructive-foreground: #ffffff;
  --chart-1: #0a7cff;
  --chart-2: #2ca447;
  --chart-3: #e6c200;
  --chart-4: #db2438;
  --chart-5: #a855f7;
}