/* ═══════════════════════════════════════════════════════════════
   RUGA RESEARCH — Design tokens (V5.1 FINAL LOCK · 2026-06-09)
   Fonte canônica: ruga-mockup-v5-control-center.html (bg-pure)
   BG true black · accent orange-coral (logo) · text cream
   Carregar DEPOIS de tokens.css — a seção BRIDGE realiasa a
   paleta legada OnChainBR pra paleta Ruga (detail pages herdam).
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Backgrounds (true black) ── */
  --bg: #0A0A0A;
  --surface: #141414;
  --surface-2: #1E1E1E;

  /* ── Borders / hairlines (cream-based) ── */
  --border: rgba(232, 220, 200, 0.07);
  --border-strong: rgba(232, 220, 200, 0.14);
  --hairline: rgba(232, 220, 200, 0.10);

  /* ── Accent: orange-coral do logo ── */
  --accent: #D87340;
  --accent-dim: #A85528;
  --accent-soft: rgba(216, 115, 64, 0.10);
  --accent-glow: rgba(216, 115, 64, 0.22);
  --accent-strong: rgba(216, 115, 64, 0.35);

  /* ── Text (cream) ── */
  --text: #E8DCC8;
  --text-2: #A09888;
  --text-3: #6F6862;

  /* ── Semantic / status ── */
  --bull: #4FBF8F;
  --bear: #E5484D;
  --warn: #F2C94C;
  --info: #5FA8D3;
  --purple: #A78BFA;
  --bull-soft: rgba(79, 191, 143, 0.10);
  --bear-soft: rgba(229, 72, 77, 0.10);

  /* ── Charts ── */
  --chart-grid: rgba(232, 220, 200, 0.04);

  /* ── Typography ── */
  --font-serif: 'Newsreader', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* ═══════════════════════════════════════════════════════════
     BRIDGE — paleta legada OnChainBR → Ruga
     Detail pages (17 módulos) usam essas vars; realiasar aqui
     aplica true black + orange sem tocar nos módulos.
     Refinamento fino por página: Sprints 3-5.
     ═══════════════════════════════════════════════════════════ */

  /* Brand legado */
  --brand-green: var(--accent);          /* brand color → orange */
  --brand-purple: var(--purple);
  --brand-indigo: var(--accent-dim);
  --brand-white: var(--text);

  /* Backgrounds legados */
  --bg-primary: var(--bg);
  --bg-secondary: var(--surface);
  --bg-tertiary: var(--surface-2);
  --bg-card: rgba(232, 220, 200, 0.02);
  --bg-card-hover: rgba(232, 220, 200, 0.04);

  /* Text legado */
  --text-primary: var(--text);
  --text-secondary: var(--text-2);
  --text-muted: var(--text-3);

  /* Status legado (semântica preservada: green=bull, red=bear) */
  --accent-green: var(--bull);
  --accent-red: var(--bear);
  --accent-yellow: var(--warn);
  --accent-orange: var(--accent);
  --accent-blue: var(--info);
  --accent-cyan: var(--info);
  --accent-purple: var(--purple);
  --accent-pink: var(--purple);
}