/* ═══════════════════════════════════════════════════════════════
   STAGE — Gerenciador de Espetáculos
   tokens.css — Design tokens (variáveis globais)
   ═══════════════════════════════════════════════════════════════ */

:root {

  /* ── Cores de fundo ─────────────────────────────────────────── */
  --bg:        #0f1117;   /* fundo principal */
  --bg2:       #161b27;   /* superfície de cards e painéis */
  --bg3:       #1c2235;   /* superfície elevada (inputs, hover) */
  --bg4:       #222840;   /* superfície mais elevada (dropdowns) */
  --bg-glass:  rgba(22, 27, 39, 0.85); /* modal overlay */

  /* ── Bordas ─────────────────────────────────────────────────── */
  --border:    #252d42;
  --border2:   #2e3a55;
  --border3:   #3a4868;   /* hover, focus ring */

  /* ── Accent principal — azul índigo ─────────────────────────── */
  --accent:    #4361ee;
  --accent2:   #3a86ff;   /* hover */
  --accent3:   rgba(67, 97, 238, 0.15); /* fundo suave */
  --accent4:   rgba(67, 97, 238, 0.08); /* fundo muito suave */

  /* ── Cores semânticas ───────────────────────────────────────── */
  --red:       #e63946;   /* erro, perigo, exclusão */
  --red2:      #ff6b6b;   /* hover de erro */
  --red-bg:    rgba(230, 57, 70, 0.12);
  --green:     #2dc653;   /* sucesso, confirmado, presente */
  --green2:    #52d680;
  --green-bg:  rgba(45, 198, 83, 0.10);
  --amber:     #f4a261;   /* atenção, pendente */
  --amber2:    #ffbe76;
  --amber-bg:  rgba(244, 162, 97, 0.12);
  --purple:    #7b5ea7;   /* label, amarelo BERA para continuidade */
  --label:     #e8d5a0;   /* labels de campo — âmbar claro, herança BERA */
  --gold:      #c9a96e;   /* detalhes dourados */

  /* ── Texto ──────────────────────────────────────────────────── */
  --text:      #e8eaf0;   /* principal */
  --text2:     #9aa5be;   /* secundário */
  --text3:     #5c6784;   /* terciário / placeholder */
  --white:     #f4f6fb;   /* títulos em destaque */

  /* ── Status de espetáculo ───────────────────────────────────── */
  --status-desenvolvimento:  #5c6784;
  --status-ensaio:           #4361ee;
  --status-temporada:        #2dc653;
  --status-encerrado:        #9aa5be;
  --status-arquivado:        #3a4868;

  /* ── Status de item ─────────────────────────────────────────── */
  --modalidade-proprio:  #2dc653;
  --modalidade-locado:   #f4a261;
  --modalidade-cedido:   #4361ee;
  --modalidade-comprar:  #e63946;

  /* ── Status de evento ───────────────────────────────────────── */
  --evento-agendado:     #4361ee;
  --evento-andamento:    #f4a261;
  --evento-realizado:    #2dc653;
  --evento-cancelado:    #e63946;
  --evento-adiado:       #7b5ea7;

  /* ── Tipografia ─────────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-sans:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  38px;

  /* ── Espaçamento ────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ── Raios de borda ─────────────────────────────────────────── */
  --radius-sm:  4px;
  --radius:     6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* ── Sombras ────────────────────────────────────────────────── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.3);
  --shadow:     0 4px 16px rgba(0,0,0,.4);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.5);
  --shadow-xl:  0 16px 48px rgba(0,0,0,.6);

  /* ── Transições ─────────────────────────────────────────────── */
  --transition:      150ms ease;
  --transition-slow: 250ms ease;

  /* ── Layout ─────────────────────────────────────────────────── */
  --navbar-h:    56px;
  --sidebar-w:   220px;
  --content-max: 1200px;
  --panel-w:     320px;
}

/* ── Modo claro (futuro) ─────────────────────────────────────────
   Estrutura preparada para tema claro sem refatorar nada.
   Por ora, apenas dark mode.
@media (prefers-color-scheme: light) {
  :root { }
}
── */