/* JFD Overseas brand: Blue #00B5DC, Black #1A1E20, White #FFFFFF, Cloudy Grey #EBEFF2
   (client colour guide, Aug 2026) */
:root {
  --background: #ffffff;
  --foreground: #1a1e20;
  --card: #ffffff;
  --card-foreground: #1a1e20;
  --popover: #ffffff;
  --popover-foreground: #1a1e20;
  --border: #ebeff2;
  --input: #d7dee4;
  --muted: #ebeff2;
  --muted-foreground: #5d6a71;
  --primary: #00b5dc;
  --primary-foreground: #ffffff;
  --secondary: #ebeff2;
  --secondary-foreground: #1a1e20;
  --accent: #e0f6fb;
  --accent-foreground: #00708a;
  --ring: #00b5dc;
  --leaderboard-link-hover: #0091b3;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #00b5dc;
  --chart-2: #4fd0eb;
  --chart-3: #eab308;
  --chart-4: #fb923c;
  --chart-5: #7c3aed;
}

.dark {
  --background: #14181a;
  --foreground: #eef2f4;
  --card: #1a1e20;
  --card-foreground: #eef2f4;
  --popover: #1a1e20;
  --popover-foreground: #eef2f4;
  --border: #2a3134;
  --input: #2a3134;
  --muted: #22282b;
  --muted-foreground: #93a1a8;
  --primary: #00b5dc;
  --primary-foreground: #ffffff;
  --secondary: #0e3a46;
  --secondary-foreground: #c4ecf6;
  --accent: #0d3540;
  --accent-foreground: #c4ecf6;
  --ring: #00b5dc;
  --leaderboard-link-hover: #33cbe9;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #00b5dc;
  --chart-2: #4fd0eb;
  --chart-3: #eab308;
  --chart-4: #fb923c;
  --chart-5: #a855f7;
}