/* ============================================================
   WSS Cripto Control — Theme
   Variáveis globais: cores, fontes, espaçamentos
   ============================================================ */
:root {
  /* Backgrounds */
  --bg-primary:    #0a0e17;
  --bg-secondary:  #111827;
  --bg-tertiary:   #1a1f2e;
  --bg-elevated:   #1f2937;
  --bg-overlay:    rgba(10, 14, 23, 0.85);

  /* Bordas */
  --border-subtle:  #1e293b;
  --border-default: #2d3748;
  --border-strong:  #3b4554;
  --border-accent:  #4a5568;

  /* Texto */
  --text-primary:   #f1f5f9;
  --text-secondary: #94a3b8;
  --text-tertiary:  #64748b;
  --text-muted:     #475569;

  /* Acentos — paleta do logo WSS (azul → ciano → verde) */
  --accent:        #1397c8;     /* azul do logo */
  --accent-amber:  #2ab2dd;     /* azul claro (hover) */
  --accent-bronze: #0f7aa6;     /* azul profundo */

  /* Sinais (lucro/prejuízo) */
  --gain:        #10b981;
  --gain-bg:     rgba(16, 185, 129, 0.10);
  --gain-border: rgba(16, 185, 129, 0.30);
  --loss:        #ef4444;
  --loss-bg:     rgba(239, 68, 68, 0.10);
  --loss-border: rgba(239, 68, 68, 0.30);

  /* Cores extras */
  --cyan:    #06b6d4;
  --violet:  #8b5cf6;
  --orange:  #f97316;
  --pink:    #ec4899;

  /* Tipografia */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body:    'Outfit', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Raio */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  /* Sombras */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.18);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.28);
  --shadow-lg:  0 12px 30px rgba(0,0,0,0.38);

  /* Transições */
  --tx-fast: 120ms ease;
  --tx-med:  200ms ease;
  --tx-slow: 350ms ease;

  /* Espaçamento */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
}