/* ============================================================
   GUINGA'S BAR — TOKENS DE DESIGN
   Tudo que muda pra reaproveitar este projeto em outro cliente
   fica neste arquivo. style.css só consome estas variáveis,
   nunca declara cor/fonte "no bruto".
   ============================================================ */

:root {
  /* ---- Cores base ---- */
  --color-bg: #000000;
  --color-bg-elevated: #0d0d0d;
  --color-surface: #161616;
  --color-surface-alt: #212121;

  /* ---- Cor principal (neon) ---- */
  --color-primary: #cc0000;
  --color-primary-light: #ff2b2b;
  --color-primary-dark: #7a0000;

  /* ---- Texto ---- */
  --color-text: #ffffff;
  --color-text-muted: #b8b8b8;
  --color-text-faint: #7a7a7a;
  --color-on-primary: #ffffff;

  /* ---- Estados ---- */
  --color-success: #2ecc71;
  --color-warning: #f1c40f;
  --color-danger: #ff3b3b;

  /* ---- Cores por seção (uma cor do arco-íris por área do site,
     conforme a imagem de referência — reforça a identidade LGBT+) ---- */
  --color-accent-sobre: #ff3b5c;
  --color-accent-cardapio: #ffca3a;
  --color-accent-galeria: #2ee6a8;
  --color-accent-karaoke: #3ab0ff;
  --color-accent-localizacao: #b34dff;
  --color-accent-programacao: #ff8c1a;

  /* ---- Bordas ---- */
  --color-border: rgba(204, 0, 0, 0.35);
  --color-border-soft: rgba(255, 255, 255, 0.09);

  /* ---- Tipografia ----
     Escolha provisória até a imagem de layout confirmar/ajustar:
     Bebas Neue (títulos, condensada, cara de letreiro) +
     Poppins (texto, legível, boa variação de peso). */
  --font-heading: 'Bebas Neue', 'Poppins', sans-serif;
  --font-body: 'Poppins', 'Segoe UI', sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;
  --fs-3xl: 3.75rem;

  --lh-tight: 1.1;
  --lh-normal: 1.6;

  /* ---- Espaçamento ---- */
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* ---- Formas ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* ---- Brilho neon ---- */
  --glow-sm: 0 0 6px var(--color-primary-light), 0 0 14px rgba(204, 0, 0, 0.55);
  --glow-md: 0 0 10px var(--color-primary-light), 0 0 26px rgba(204, 0, 0, 0.55), 0 0 60px rgba(204, 0, 0, 0.3);
  --glow-text: 0 0 4px rgba(255, 255, 255, 0.55), 0 0 16px var(--color-primary), 0 0 34px var(--color-primary-dark);

  /* ---- Diversos ---- */
  --transition-fast: 0.2s ease;
  --transition-md: 0.35s ease;
  --header-height: 76px;
  --max-width: 1180px;
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.5);
}