/* Peakstone design tokens — alias the JSON values to CSS custom properties.
   See context/design-tokens.json / design-tokens.README.md for usage rules. */

:root {
  /* --- surfaces --- */
  --bg-primary:   #0a0e17;
  --bg-secondary: #111827;
  --bg-card:      #1a2234;
  --border:       #1e2d45;

  /* --- brand --- */
  --gold:     #c9a84c;
  --gold-dim: rgba(201, 168, 76, 0.15);
  --teal:     #3b8a8a;
  --teal-dim: rgba(59, 138, 138, 0.15);

  /* --- semantic (status feedback only) --- */
  --good:     #4caf50;
  --good-bg:  rgba(76, 175, 80, 0.12);
  --warn:     #ff9800;
  --warn-bg:  rgba(255, 152, 0, 0.10);
  --bad:      #f44336;
  --bad-bg:   rgba(244, 67, 54, 0.10);

  /* --- A-share up/down aliases — CN convention: red up, green down.
         Project-layer only; tables / charts must use --market-*, not --good/--bad.  */
  --market-up:      var(--bad);
  --market-up-bg:   var(--bad-bg);
  --market-up-bg-strong:   rgba(244, 67, 54, 0.28);
  --market-down:    var(--good);
  --market-down-bg: var(--good-bg);
  --market-down-bg-strong: rgba(76, 175, 80, 0.28);

  /* --- text --- */
  --text-primary:   #e8edf5;
  --text-secondary: #8896ab;
  --text-dim:       #5a6678;

  /* --- overlays --- */
  --overlay-nav-bg:      rgba(10, 14, 23, 0.85);
  --overlay-modal-bg:    rgba(0, 0, 0, 0.75);
  --overlay-grid:        rgba(59, 138, 138, 0.03);

  /* --- radii --- */
  --radius-xs:   3px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   10px;
  --radius-2xl:  12px;
  --radius-pill: 999px;

  /* --- typography --- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;

  /* --- layout --- */
  --container-max: 1100px;
  --container-pad: 24px;
  --nav-height:    60px;
  --card-pad:      24px;
  --grid-gap:      16px;

  /* --- transitions --- */
  --transition-fast: 0.2s ease;
  --transition-slow: 0.3s ease;
}