/* XBTFX — mapped from the live B2Core theme (api.xbtfx.com system-info
   uiConfig.theme), cyan accent #01b4ee. Full client: the CRM is the palette
   source of truth for both light and dark. */

:root {
  --background: #fafafa;
  --foreground: #343434;
  --card: #f5f7fa;
  --card-foreground: #343434;
  --popover: #f5f7fa;
  --popover-foreground: #343434;
  --border: #e6e6e6;
  --input: #e9ebf1;
  --muted: #f8f8fa;
  --muted-foreground: #808080;
  --primary: #01b4ee;
  --primary-foreground: #ffffff;
  --secondary: #d7f0f8;
  --secondary-foreground: #187a9a;
  --accent: #e6f4f9;
  --accent-foreground: #187a9a;
  --ring: #01b4ee;
  --leaderboard-link-hover: #1ac6fe;
  --destructive: #bf3838;
  --destructive-foreground: #ffffff;
}

.dark {
  --background: #0d0f12;
  --foreground: #ffffff;
  --card: #14171a;
  --card-foreground: #ffffff;
  --popover: #14171a;
  --popover-foreground: #ffffff;
  --border: #2d3338;
  --input: #1e2226;
  --muted: #101316;
  --muted-foreground: #a0a8b0;
  --primary: #01b4ee;
  --primary-foreground: #ffffff;
  --secondary: #0b2631;
  --secondary-foreground: #73d6f6;
  --accent: #0c1c24;
  --accent-foreground: #73d6f6;
  --ring: #01b4ee;
  --leaderboard-link-hover: #1ac6fe;
  --destructive: #bf3838;
  --destructive-foreground: #ffffff;
}