/* ORION — tokens do sistema visual (única fonte de cores, tipografia e formas).
   Páginas novas usam os nomes em inglês; as páginas legadas (painel, docs, tutoriais) usam os apelidos em português no fim. */

@font-face { font-family: 'Geist'; src: url('/orion/fonts/Geist.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('/orion/fonts/GeistMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('/orion/fonts/GeistMono-Medium.woff2') format('woff2'); font-weight: 500 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;
  /* superfícies */
  --bg: #08090A;
  --surface: #121417;
  --surface-2: #181b20;
  --surface-3: #1e2229;
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);
  /* texto */
  --text: #f4f6f8;
  --text-2: #b4bcc6;
  --muted: #8a93a0;
  --dim: #5c6570;
  /* acento: azul neon → ciano */
  --blue: #3B82F6;
  --cyan: #06B6D4;
  --grad: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);
  --silver: linear-gradient(180deg, #ffffff 0%, #d5dbe3 60%, #a5aeba 100%);
  --glow: 0 0 0 1px rgba(59, 130, 246, .35), 0 8px 40px -8px rgba(6, 182, 212, .45);
  /* estado */
  --ok: #34d399;
  --warn: #fbbf24;
  --err: #f87171;
  /* forma */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  /* tipografia */
  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --ease: cubic-bezier(.22, 1, .36, 1);

  /* apelidos das páginas legadas (estilo.css) */
  --fundo: var(--bg);
  --fundo2: var(--surface);
  --painel: var(--surface);
  --painel2: var(--surface-2);
  --vidro-forte: var(--surface);
  --borda: var(--line);
  --borda-forte: var(--line-2);
  --titulo: var(--text);
  --texto: #dde2e8;
  --suave: var(--text-2);
  --ajuda-cor: var(--muted);
  --roxo: var(--blue);
  --roxo2: var(--cyan);
  --ciano: var(--cyan);
  --verde: var(--ok);
  --amarelo: var(--warn);
  --vermelho: var(--err);
  --raio: var(--r-lg);
  --raio-badge: 6px;
  --raio-input: var(--r-sm);
  --raio-pill: var(--r-pill);
  --fonte: var(--font);
  --display: var(--font);
  --elev-cartao: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 48px -24px rgba(0, 0, 0, .8);
  --elev-modal: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 32px 64px -16px rgba(0, 0, 0, .85);
  --halo: 0 0 0 1px rgba(59, 130, 246, .35), 0 8px 32px -8px rgba(6, 182, 212, .4);
}