/* ==========================================================================
   Shared design tokens — the single source of truth for the platform's
   "dark trading desk" identity. Loaded on every page (home + challenge)
   before the page-specific stylesheet, so a color/typography change here
   propagates everywhere instead of being redefined per page.
========================================================================== */

:root {
  --bg-primary: #070f16;
  --bg-secondary: #0c161f;
  --surface: #101c26;
  --surface-hover: #16242f;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --text-primary: #f3efe4;
  --text-secondary: #93a2b0;
  --text-faint: #5c6b78;
  --accent-gold: #d6b66b;
  --accent-gold-soft: rgba(214, 182, 107, 0.14);
  --bullish: #3fae7f;
  --bullish-soft: rgba(63, 174, 127, 0.14);
  --bearish: #d16a63;
  --bearish-soft: rgba(209, 106, 99, 0.14);
  --pattern-accent: #7fa1c9;
  --pattern-accent-soft: rgba(127, 161, 201, 0.14);
  --font-display: Georgia, "Times New Roman", serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}