/* ── Orion — tema global (fonte única da paleta light/dark) ──────────────
   Define apenas os VALORES canônicos de cor. Cada módulo mantém suas
   próprias variáveis (--text2, --text-2, --muted, etc.) mas aponta o
   valor para uma destas, em vez de hardcodar hex — assim a paleta muda
   em um único lugar sem precisar tocar cada CSS de módulo.
   Link este arquivo ANTES do CSS do módulo. ──────────────────────────── */

:root {
  --orion-bg:            #f0f2f5;
  --orion-bg2:           #e8eaed;
  --orion-surface:       #ffffff;
  --orion-surface2:      #f7f8fa;
  --orion-surface3:      #eef0f3;
  --orion-border:        rgba(0,0,0,0.09);
  --orion-border2:       rgba(0,0,0,0.05);
  --orion-text:          #111827;
  --orion-text2:         #374151;
  --orion-text3:         #6b7280;
  --orion-muted:         #6b7280;
  --orion-muted2:        #9ca3af;

  --orion-accent:        #059669;
  --accent-fg:           #ffffff;   /* texto sobre fundo accent */
  --orion-accent2:       #047857;
  --orion-accent-d:      rgba(5,150,105,0.08);
  --orion-accent-b:      rgba(5,150,105,0.22);
  --orion-accent-glow:   rgba(5,150,105,0.16);
  --orion-accent-text:   #065f46;

  --orion-green:         #059669;
  --orion-green-bg:      rgba(5,150,105,0.1);

  --orion-red:           #dc2626;
  --orion-red-d:         rgba(220,38,38,0.07);
  --orion-red-b:         rgba(220,38,38,0.2);
  --orion-red-text:      #991b1b;

  --orion-gold:          #d97706;
  --orion-gold-d:        rgba(217,119,6,0.08);
  --orion-gold-b:        rgba(217,119,6,0.22);
  --orion-gold-text:     #92400e;

  --orion-blue:          #2563eb;
  --orion-blue-d:        rgba(37,99,235,0.07);
  --orion-blue-b:        rgba(37,99,235,0.2);
  --orion-blue-text:     #1e40af;
  --orion-blue-glow:     rgba(37,99,235,0.2);

  --orion-violet:        #7c3aed;
  --orion-violet-d:      rgba(124,58,237,0.07);
  --orion-violet-b:      rgba(124,58,237,0.2);

  --orion-topbar-bg:     rgba(255,255,255,0.82);
  --orion-card-hover:    var(--orion-surface2);
  --orion-shadow-sm:     0 1px 3px rgba(0,0,0,0.06);
  --orion-shadow:        0 4px 12px rgba(0,0,0,0.07);

  --orion-panel:         var(--orion-surface);
  --orion-badge-bg:      rgba(5,150,105,0.08);
  --orion-badge-border:  rgba(5,150,105,0.22);
}

:root.dark,
:root[data-theme="dark"] {
  --orion-bg:            #0a0a0c;
  --orion-bg2:           #111114;
  /* Escala de superfície neutra e elevada: o card fica claramente
     destacado do fundo (#0a0a0c) e sem tinta azulada — visual "chapado"
     estilo Nubank/config Samsung. Toda tela que usa var(--surface) herda. */
  --orion-surface:       #272727;
  --orion-surface2:      #2e2e2e;
  --orion-surface3:      #363636;
  --orion-border:        #3a3a3a;
  --orion-border2:       #2b2b2b;
  --orion-text:          #e8e8ea;
  --orion-text2:         #c4c4cb;
  --orion-text3:         #9a9aa4;
  --orion-muted:         #9a9aa4;
  --orion-muted2:        #75757f;

  --orion-accent:        #34d399;
  --accent-fg:           #052e22;
  --orion-accent2:       #10b981;
  --orion-accent-d:      #1a2726;
  --orion-accent-b:      #1d3a33;
  --orion-accent-glow:   rgba(52,211,153,0.14);
  --orion-accent-text:   #34d399;

  --orion-green:         #34d399;
  --orion-green-bg:      rgba(52,211,153,0.12);

  --orion-red:           #f87171;
  --orion-red-d:         rgba(248,113,113,0.12);
  --orion-red-b:         rgba(220,38,38,0.2);
  --orion-red-text:      #f87171;

  --orion-gold:          #fbbf24;
  --orion-gold-d:        rgba(251,191,36,0.12);
  --orion-gold-b:        rgba(217,119,6,0.22);
  --orion-gold-text:     #fbbf24;

  --orion-blue:          #60a5fa;
  --orion-blue-d:        rgba(37,99,235,0.12);
  --orion-blue-b:        rgba(37,99,235,0.2);
  --orion-blue-text:     #60a5fa;
  --orion-blue-glow:     rgba(37,99,235,0.2);

  --orion-violet:        #a78bfa;
  --orion-violet-d:      rgba(124,58,237,0.12);
  --orion-violet-b:      rgba(124,58,237,0.2);

  --orion-topbar-bg:     rgba(10,10,12,0.86);
  --orion-card-hover:    #2e2e2e;
  --orion-shadow-sm:     0 1px 3px rgba(0,0,0,0.3);
  --orion-shadow:        0 8px 24px rgba(0,0,0,0.4);

  --orion-panel:         var(--orion-surface);
  --orion-badge-bg:      #1a2726;
  --orion-badge-border:  #1d3a33;
}

/* ── Apelidos curtos ───────────────────────────────────────────────────
   Toda tela de módulo redeclarava este mesmo bloco (--accent:var(--orion-accent)
   etc.) no seu próprio <style>. Definido aqui uma vez só: quem só precisa
   dos nomes curtos padrão nem precisa mais de um :root local — só sobrescreve
   se tiver uma variação de verdade (ex: cor extra, --blue reaproveitado). */
:root {
  --accent:       var(--orion-accent);
  --accent-soft:  var(--orion-accent-d);
  --accent-text:  var(--orion-accent-text);
  --bg:           var(--orion-bg);
  --surface:      var(--orion-surface);
  --surface2:     var(--orion-surface2);
  --surface3:     var(--orion-surface3);
  --border:       var(--orion-border);
  --text:         var(--orion-text);
  --text2:        var(--orion-text2);
  --muted:        var(--orion-muted);
  --muted2:       var(--orion-muted2);
  --red:          var(--orion-red);
  --shadow:       var(--orion-shadow);
  --sans:         'Space Grotesk', sans-serif;
  --mono:         'IBM Plex Mono', monospace;

  /* Tons usados pelos badges (.badge-red/-green/-gold/-blue em orion-ui.css) */
  --accent-d:  var(--orion-accent-d);
  --accent-b:  var(--orion-accent-b);
  --red-d:     var(--orion-red-d);
  --red-b:     var(--orion-red-b);
  --red-text:  var(--orion-red-text);
  --gold-d:    var(--orion-gold-d);
  --gold-b:    var(--orion-gold-b);
  --gold-text: var(--orion-gold-text);
  --blue-d:    var(--orion-blue-d);
  --blue-b:    var(--orion-blue-b);
  --blue-text: var(--orion-blue-text);
}

/* ── Regras de UI (identidade Nova, baseada nas telas Basecoat) ─────────────
   Escala única de raio, foco, altura de controle e margem lateral da página.
   Cores e fontes seguem as do Orion (--orion-*, Space Grotesk / IBM Plex Mono). */
:root {
  --ui-radius:      8px;     /* botões, inputs, selects */
  --ui-radius-lg:   12px;    /* cards, painéis, diálogos */
  --ui-ctl-h:       36px;    /* altura padrão de controle (toque confortável) */
  --ui-ctl-h-sm:    32px;
  --ui-ring:        0 0 0 3px color-mix(in srgb, var(--orion-accent) 26%, transparent);
  --ui-shadow-card: 0 1px 2px rgba(0,0,0,.04);
  --ui-shadow-pop:  0 10px 30px -8px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.06);
  --ui-gutter:      32px;    /* margem lateral da página */
  --ui-max:         1920px;
  --ui-ease:        cubic-bezier(.2,.8,.2,1);
}
@media (max-width: 700px) { :root { --ui-gutter: 16px; } }
:root.dark, :root[data-theme="dark"] {
  --ui-shadow-card: none;
  --ui-shadow-pop:  0 12px 32px -8px rgba(0,0,0,.6);
}