/* Design tokens: Garden Piracicaba
   Base quase-preta + glow neon (roxo/magenta) + verde 💚 como acento de CTA */
:root {
  /* Cores */
  --color-background: #0b0b10;
  --color-surface: rgba(255, 255, 255, 0.045);
  --color-surface-border: rgba(255, 255, 255, 0.09);
  --color-text: #f4f2f7;
  --color-text-muted: #b9b4c4;
  --color-accent: #35e07c;          /* verde Garden 💚, CTAs */
  --color-accent-strong: #4bf08f;
  --color-on-accent: #06170d;
  --glow-roxo: #7c3aed;
  --glow-magenta: #d946ef;
  --glow-verde: #14532d;

  /* Véus e poços. Extraídos de 24 literais espalhados por 4 arquivos, onde o
     mesmo valor era reescrito com alfas diferentes. Trocar a cor de acento
     exigia caçar declarações fora do arquivo de tokens. */
  --veu-1: rgba(255, 255, 255, 0.1);    /* controles sobre foto, lightbox */
  --veu-2: rgba(255, 255, 255, 0.2);    /* borda de card no hover */
  --veu-3: rgba(255, 255, 255, 0.25);   /* borda de botão fantasma no hover */
  --poco-suave: rgba(0, 0, 0, 0.35);    /* poço do countdown, scrim de tile */
  --poco-fundo: rgba(0, 0, 0, 0.6);     /* sombra do lightbox */
  --noite-80: rgba(11, 11, 16, 0.82);   /* header ao rolar */
  --noite-92: rgba(11, 11, 16, 0.92);   /* gradiente do sticky CTA */
  --noite-95: rgba(20, 20, 28, 0.95);   /* banner de consentimento */
  --noite-96: rgba(11, 11, 16, 0.96);   /* overlay do menu mobile */
  --noite-lightbox: rgba(6, 6, 9, 0.92);
  --acento-glow-forte: rgba(53, 224, 124, 0.5);
  --acento-spotlight: rgba(53, 224, 124, 0.16);

  /* Tipografia: contraste por LARGURA dentro da superfamília Sofia Sans.
     Extra Condensed 900 grita o nome da atração, a largura normal segura o texto. */
  --font-display: 'Sofia Sans Extra Condensed', 'Sofia Sans', system-ui, sans-serif;
  --font-body: 'Sofia Sans', system-ui, sans-serif;

  /* Escala tipográfica: razão 1.25 (terça maior) em todos os degraus.
     A anterior tinha 10 degraus com razão média 1.04, o que é ruído, não hierarquia. */
  --text-label: 0.8rem;                                 /* 12.8px */
  --text-body: 1rem;                                    /* 16px */
  --text-lead: 1.25rem;                                 /* 20px */
  --text-headline: clamp(1.5625rem, 3.4vw, 2.25rem);    /* 25px a 36px */
  --text-display: clamp(2.25rem, 6vw, 3.75rem);         /* 36px a 60px */

  /* Pesos por papel. A face variável cobre 400 a 800 continuamente, então o
     700 fantasma da versão anterior (pedia 700, recebia 800) deixa de existir. */
  --peso-corpo: 400;
  --peso-medio: 600;
  --peso-forte: 800;
  --peso-display: 900;

  /* Entrelinha e tracking. Texto claro sobre fundo escuro precisa de compensação
     em três eixos: mais entrelinha, mais tracking, e peso um degrau acima. */
  --lh-display: 1.02;
  --lh-headline: 1.12;
  --lh-body: 1.68;
  --ls-display: 0.02em;   /* caixa alta condensada EXIGE tracking positivo */
  --ls-label: 0.08em;
  --ls-body: 0.012em;

  /* Espaçamento */
  --section-padding: clamp(3rem, 8vw, 6rem);
  --container-max: 1200px;
  --medida-prosa: 68ch;

  /* Efeitos */
  --glass-blur: blur(12px);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-accent: 0 8px 32px rgba(53, 224, 124, 0.28);
  --radius: 16px;
  --radius-sm: 10px;
  --transition: 180ms ease;
}