/* Virtoo — Design Tokens
   Fonte: Clientes/_virtoo/DESIGN.md + visual/direcao-visual.md
   Tema: dark premium cinematografico */
:root {
  /* Marca */
  --primary: #C9943A;        /* Dourado Ambar — accent principal, CTAs */
  --primary-light: #E8B85A;  /* Dourado Claro — hover, gradientes */
  --primary-glow: rgba(201, 148, 58, 0.30);
  --primary-soft: rgba(201, 148, 58, 0.10);

  /* Superficies (dark) */
  --bg: #0A0C0E;             /* Preto Chumbo — fundo base */
  --bg-2: #0E1114;           /* Chumbo Profundo — secoes alternadas */
  --bg-3: #14181C;           /* Chumbo Painel */
  --card: rgba(255, 255, 255, 0.03);
  --card-hover: rgba(255, 255, 255, 0.05);
  --stroke: rgba(255, 255, 255, 0.08);
  --stroke-soft: rgba(255, 255, 255, 0.05);

  /* Texto */
  --text: #F3F4F6;           /* Branco Gelo */
  --text-2: #B7BCC4;         /* Cinza Claro */
  --text-3: #848B95;         /* Cinza Suporte */

  /* Tipografia */
  --font-headline: 'Montserrat', sans-serif;  /* 700/800/900 */
  --font-body: 'Inter', sans-serif;           /* 300/400/500/600/700 */

  /* Forma e ritmo */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --transition: all 0.45s var(--ease);
  /* Container: max 1200px · espacamento em multiplos de 4/8px */
}

/* Paleta clara original do brandbook (referencia, nao usada no tema dark):
   Cinza Fundo #F7F7F7 · Chumbo #3A3C3E · Cinza Texto #6B7280 · Cinza Linha #E5E7EB */