/* ============================================================
   OreQuant — Design Tokens
   Single source of truth for colors, fonts, spacing, radii.
   Loaded BEFORE all other stylesheets.
   ============================================================ */

:root {
  /* ---------- Colors: surfaces ---------- */
  --oq-bg:              #0d1512;
  --oq-surface:         #142420;
  --oq-surface-accent:  #1a3329;
  --oq-surface-hover:   #1c2d27;
  --oq-surface-deep:    #0a1210;

  /* ---------- Colors: brass ---------- */
  --oq-brass:           #b08d57;
  --oq-brass-light:     #d4b483;
  --oq-brass-dark:      #7a5f3a;
  --oq-brass-faint:     rgba(176, 141, 87, 0.12);

  /* ---------- Colors: text ---------- */
  --oq-ivory:           #efe6d2;
  --oq-text:            #efe6d2;
  --oq-text-muted:      rgba(239, 230, 210, 0.55);
  --oq-text-dim:        rgba(239, 230, 210, 0.35);

  /* ---------- Colors: borders ---------- */
  --oq-border:          rgba(176, 141, 87, 0.22);
  --oq-border-strong:   rgba(176, 141, 87, 0.45);
  --oq-hairline:        rgba(176, 141, 87, 0.35);

  /* ---------- Colors: semantic ---------- */
  --oq-gain:            #7fb389;
  --oq-loss:            #c97d6f;
  --oq-warn:            #d4b483;
  --oq-info:            #8ab4a8;

  /* ---------- Legacy aliases (so old class rules keep working until rewritten) ---------- */
  --oq-gold:            var(--oq-brass);
  --oq-gold-light:      var(--oq-brass-light);
  --oq-gold-dark:       var(--oq-brass-dark);
  --oq-bg-dark:         var(--oq-bg);
  --oq-bg-card:         var(--oq-surface);
  --oq-bg-sidebar:      var(--oq-surface-deep);
  --oq-bg-hover:        var(--oq-surface-hover);
  --oq-green:           var(--oq-gain);
  --oq-red:             var(--oq-loss);
  --oq-blue:            var(--oq-info);
  --oq-orange:          var(--oq-brass-light);
  --oq-purple:          var(--oq-brass);
  --oq-cyan:            var(--oq-info);

  /* ---------- Typography ---------- */
  --oq-font-display:    'Cinzel', 'Playfair Display', Georgia, serif;
  --oq-font-serif:      'Playfair Display', Georgia, serif;
  --oq-font-body:       'Inter', 'Poppins', system-ui, -apple-system, sans-serif;
  --oq-font-mono:       'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

  /* ---------- Spacing ---------- */
  --oq-space-1:  4px;
  --oq-space-2:  8px;
  --oq-space-3:  12px;
  --oq-space-4:  16px;
  --oq-space-5:  24px;
  --oq-space-6:  32px;
  --oq-space-7:  48px;
  --oq-space-8:  64px;

  /* ---------- Radii ---------- */
  --oq-radius-sm:  2px;
  --oq-radius-md:  4px;
  --oq-radius-lg:  6px;
  --oq-radius-pill: 999px;

  /* ---------- Motion ---------- */
  --oq-ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --oq-dur-fast: 150ms;
  --oq-dur:      250ms;
}