/* StoicFX — colors from B2CP design ticket */

/* ── LIGHT THEME ──────────────────────────────────────────────────────────── */

:root {
  /* backgrounds  (design: light.background / light.card / light.disabled) */
  --background: #ffffff;
  --card: #f6f7f7;
  --popover: #f6f7f7;
  --muted: #f1f1f3;

  /* foregrounds  (design: light.textMain / light.textSecondary) */
  --foreground: #0a0a0e;
  --card-foreground: #0a0a0e;
  --popover-foreground: #0a0a0e;
  --muted-foreground: #6b6e79;

  /* borders & inputs  (design: light.divider / light.field) */
  --border: #d6d7db;
  --input: #e9e9eb;

  /* accent / primary  (design: accent — same in both themes) */
  --primary: #b23932;
  --primary-foreground: #ffffff;
  --ring: #b23932;
  --leaderboard-link-hover: #b23932;

  /* tint tokens — accent at 10% over #ffffff background */
  --secondary: #f7ebeb;
  --secondary-foreground: #772622;
  --accent: #f7ebeb;
  --accent-foreground: #772622;

  /* states */
  --destructive: #dd2d21;
  --destructive-foreground: #ffffff;

  /* charts  (design: accent / positive / medium / negative) */
  --chart-1: #b23932;
  --chart-2: #35a828;
  --chart-3: #c69f01;
  --chart-4: #dd2d21;
  --chart-5: #7c3aed;
}

/* ── DARK THEME ───────────────────────────────────────────────────────────── */

.dark {
  /* backgrounds  (design: dark.background / dark.card / dark.disabled) */
  --background: #0a0a0e;
  --card: #1a1a1d;
  --popover: #1a1a1d;
  --muted: #1f1f22;

  /* foregrounds  (design: dark.textMain / dark.textSecondary) */
  --foreground: #ffffff;
  --card-foreground: #ffffff;
  --popover-foreground: #ffffff;
  --muted-foreground: #888893;

  /* borders & inputs  (design: dark.divider / dark.field) */
  --border: #3b3d43;
  --input: #26262a;

  /* accent / primary  (design: accent / accentHover) */
  --primary: #b23932;
  --primary-foreground: #ffffff;
  --ring: #b23932;
  --leaderboard-link-hover: #c64038;

  /* tint tokens — accent at 10% over #0a0a0e background */
  --secondary: #1b0f12;
  --secondary-foreground: #dd8c88;
  --accent: #1b0f12;
  --accent-foreground: #dd8c88;

  /* states */
  --destructive: #dd2d21;
  --destructive-foreground: #ffffff;

  /* charts */
  --chart-1: #b23932;
  --chart-2: #35a828;
  --chart-3: #c69f01;
  --chart-4: #dd2d21;
  --chart-5: #a855f7;
}