/* ============================================================
   tokens-sev.css — Design System "Sucesso em Vendas" (extraído de sucessoemvendas.com.br, 2026-09-28)
   Fonte: :root do site (--verde, --preto, --azul, --raleway, --poppins) + medição dos
   elementos (navy de seção, claro, cinza de corpo, raios, sombra dos cards, botões).
   Usado pela v3. Remapeia os nomes que o CSS das seções já consome (--c-green, --c-forest…)
   para a paleta da marca, então o layout não muda: só o design system.
   Único lugar da v3 com hex e nome de fonte.
   ============================================================ */
:root{
  /* ---- paleta Sucesso em Vendas (valores crus do site) ---- */
  --sev-verde:  #BDFF63;   /* --verde: acento, destaques, etiquetas, marca do logo */
  --sev-preto:  #171C24;   /* --preto: fundo das seções escuras e tinta sobre claro */
  --sev-azul:   #1717FF;   /* --azul: botão de ação, títulos sobre claro, grafismo do logo */
  --sev-navy:   #000052;   /* navy das faixas/overlays */
  --sev-claro:  #EDEFF7;   /* fundo claro */
  --sev-cinza:  #A2A4A7;   /* corpo sobre escuro */
  --sev-texto:  #404040;   /* corpo dentro dos cards brancos */
  --sev-branco: #ffffff;
  --sev-vermelho: #E90000;   /* erros de formulário (ícones de alerta do site) */
  --sev-marca-dagua: #F2F3F6;  /* palavras gigantes decorativas cheias sobre branco (pedido: tom ~#f4f4f4) */
  --sev-marca-dagua-2: #E4E6EC; /* códigos das credenciais: um passo mais visível */

  /* ---- remapeamento para os nomes consumidos pelo CSS das seções ---- */
  --c-green:      var(--sev-verde);
  --c-lime:       var(--sev-verde);
  --c-green-dark: var(--sev-azul);
  --c-forest:     var(--sev-preto);
  --c-forest-2:   color-mix(in srgb, var(--sev-azul) 5%, var(--sev-preto));
  --c-forest-3:   color-mix(in srgb, var(--sev-azul) 11%, var(--sev-preto));
  --c-navy:       var(--sev-preto);
  --c-mint:       var(--sev-claro);
  --c-mint-2:     color-mix(in srgb, var(--sev-azul) 6%, var(--sev-claro));
  --c-grey:       var(--sev-cinza);
  --c-white:      var(--sev-branco);
  --c-blue:       var(--sev-azul);

  --c-bg:           var(--sev-preto);
  --c-surface:      var(--c-forest-2);
  --c-text:         var(--sev-branco);
  --c-muted:        var(--sev-cinza);
  --c-dark:         var(--sev-preto);
  --c-primary:      var(--sev-azul);
  --c-primary-dark: var(--sev-navy);
  --c-accent:       var(--sev-verde);
  --c-light:        var(--sev-claro);
  --c-mid:          var(--c-forest-2);
  --c-deep:         var(--sev-preto);

  --c-ink:            var(--sev-preto);
  --c-ink-muted:      var(--sev-texto);
  --c-on-green:       var(--sev-preto);
  --c-on-green-muted: color-mix(in srgb, var(--sev-preto) 80%, var(--sev-verde));

  --c-n200: color-mix(in srgb, var(--sev-branco) 12%, transparent);
  --c-n400: color-mix(in srgb, var(--sev-branco) 45%, transparent);
  --c-n500: color-mix(in srgb, var(--sev-branco) 62%, transparent);
  --c-line-light: color-mix(in srgb, var(--sev-preto) 12%, transparent);
  --c-line-green: color-mix(in srgb, var(--sev-preto) 22%, transparent);

  --mk-light: var(--sev-verde);
  --mk-dark:  color-mix(in srgb, var(--sev-verde) 34%, transparent);

  /* ---- tipografia (site: --raleway títulos, --poppins corpo) ---- */
  --font-display: "Raleway", "Arial", sans-serif;
  --font-body:    "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- forma (medida no site) ---- */
  --r-sm: 10px;
  --r-md: 15px;       /* cards */
  --r-lg: 21px;       /* cards grandes */
  --r-pill: 67px;     /* botões */

  /* ---- layout ---- */
  --container: 1240px;
  --px: clamp(20px, 5vw, 40px);
  --header-h: 76px;

  /* ---- elevação (sombra dos cards do site) ---- */
  --shadow-card: 0 0 6.5px 1px color-mix(in srgb, var(--sev-preto) 9%, transparent);
  --shadow-sm: var(--shadow-card);
  --shadow-md: 0 18px 44px color-mix(in srgb, var(--sev-preto) 22%, transparent);
  --shadow-green: 0 8px 28px color-mix(in srgb, var(--sev-azul) 30%, transparent);

  /* ---- movimento (site: --transicao .3s ease-in-out) ---- */
  --ease: cubic-bezier(.16,1,.3,1);
  --transicao: .3s ease-in-out;
}