/*
  StreamPass — brand tokens (fonte única de verdade)
  Extraídos dos boards gerados no ChatGPT (ver landing-rebuild/brand/README.md
  para o mapa completo com metodologia). Nunca hardcode um hex de marca fora
  deste arquivo — leia sempre destas variáveis.

  Critério de valor primário x amostra: para as cores da paleta (seção 2 do
  board 1), o VALOR PRIMÁRIO é o texto do rótulo impresso no board (ex.:
  "ELECTRIC VIOLET #6B00FF"), não o pixel amostrado. Motivo: os swatches são
  renderizados com gloss/gradiente pelo modelo de imagem, então qualquer
  ponto amostrado é um pixel arbitrário de um render com perdas, enquanto o
  rótulo impresso é a intenção declarada da paleta — redondo, deliberado, e
  já o que o dono aprovou. O valor de pixel real fica documentado no
  comentário de cada variável, não descartado.
*/

:root {
  /* ---- Acento violeta e degradê ----
     Board 1 ("StreamPass Brand Design System v1.0"), seção 2 "COLOR
     PALETTE" (ChatGPT Image ...09_07_24 (1).png). Valor = rótulo impresso;
     pixel real = moda de pixel amostrada por script em área sólida do
     swatch (documentação, não usada como valor). */

  /* Rótulo "ELECTRIC VIOLET #6B00FF". Pixel real: #5D01FD. */
  --sp-accent: #6B00FF;

  /* Rótulo "DARK INDIGO #12102A". Pixel real: #0B0727. */
  --sp-accent-dark: #12102A;

  /* Rótulo "BRIGHT PURPLE #A259FF". Pixel real: #994DFC. */
  --sp-accent-light: #A259FF;

  /* Rótulo "LAVENDER HIGHLIGHT #E9D6FF". Pixel real: #E6CCFD. */
  --sp-accent-lighter: #E9D6FF;

  /* Rótulo "METALLIC SILVER #EAEAF0". Pixel real: #F3F3F8. Tom usado no
     "STREAM" do wordmark cromado. */
  --sp-silver: #EAEAF0;

  /* ---- Fundo e superfícies (tema escuro, padrão do painel) ----
     Rótulo "DEEP BLACK #0A0A0F", mesma seção 2 do board 1. Pixel real do
     fundo full-bleed e do preenchimento dos cards (amostrado em múltiplos
     pontos fora de swatches/textos): #000006. */
  --sp-bg: #0A0A0F;
  --sp-surface: #12102A; /* reaproveita "Dark Indigo": única superfície elevada visível nos boards */

  /* Borda dos cards do board 1 — não é um swatch com rótulo, então aqui o
     valor É o amostrado: aresta esquerda do quadro "BRAND LOGO OVERVIEW"
     (~x=20,y=21 em coordenadas do board). */
  --sp-border: #18171A;

  /* ---- Texto (tema escuro) ----
     Também sem rótulo no board — valores amostrados diretamente.
     Título "BRAND LOGO OVERVIEW": moda de pixel dos glifos = branco puro.
     Legenda "PRIMARY LOGO": moda de pixel dos glifos = cinza médio. */
  --sp-text-primary: #FFFFFF;
  --sp-text-secondary: #9A9AA3;

  /* ---- Forma ----
     Não são cores; estimados visualmente pela proporção dos cards e botões
     dos boards (cantos arredondados dos cards ~16px, botões/pills totalmente
     arredondados). Ajuste livre, não é amostra de pixel nem rótulo. */
  --sp-radius: 16px;
  --sp-radius-pill: 999px;

  /* ---- Tipografia ----
     Board 1, seção 3 "TYPOGRAPHY": heading rotulado "HEADING / BOLD ITALIC"
     (lettering customizado do logotipo, sem fonte real embutida no board —
     usamos uma pilha condensada/bold como equivalente até haver licença de
     fonte definida). Body rotulado explicitamente "BODY / CLEAN SANS →
     Inter", com amostra do alfabeto completo A-Z/0-9 ao lado do rótulo. */
  --sp-font-heading: "Archivo Black", "Arial Black", "Segoe UI", sans-serif;
  --sp-font-body: "Inter", "Segoe UI", system-ui, sans-serif;
}

/* ---- Tema claro ----
   Fundo e texto amostrados do board de variações de logo (ChatGPT Image
   ...09_07_25 (5).png), seção "MONOCHROME (DARK) FOR LIGHT BACKGROUNDS":
   card claro + logo escuro sobre ele são os únicos pixels claros presentes
   nas fontes — todo o resto dos boards é dark-first. Não há rótulo de texto
   para essas duas cores (não fazem parte da seção "COLOR PALETTE"), então
   aqui o valor é o amostrado diretamente. Acento e degradês permanecem os
   mesmos (marca é o violeta, em qualquer fundo). */
[data-theme="light"] {
  --sp-bg: #E1DFE6;
  --sp-surface: #EAEAF0; /* reaproveita "Metallic Silver" (valor de rótulo) como superfície clara elevada */
  --sp-border: #C9C7D1; /* derivado (não amostrado): --sp-bg escurecido para dar contraste de traço */
  --sp-text-primary: #0B0B0D;
  --sp-text-secondary: #55535C; /* derivado (não amostrado): --sp-text-primary clareado para hierarquia */
}