/* =========================================================
   MNG Business — design tokens
   Fonte: docs/MANUAL  MNG.pdf (Studio Supra, 2026, 56 páginas)
   Gerado por pine-brandkit em 2026-09-07
   Carregar ANTES de qualquer outro CSS.
   ========================================================= */

:root {
  /* ---- Camada A: paleta do manual (p. 28) — nomes congelados ----
     Percentuais = proporção de uso oficial (p. 29). Respeite-os:
     indigo e magenta dominam; ciano e azul-claro são pontuais. */
  --brand-tinta:      #13131e; /*  6.0%  preto azulado — texto e fundos escuros */
  --brand-indigo:     #5456ac; /* 24.1%  cor institucional, "MN" do logo        */
  --brand-azul-claro: #7284d0; /*  6.0%  apoio, fundos e estados                */
  --brand-ciano:      #79cce2; /*  9.6%  destaque sobre fundo escuro            */
  --brand-magenta:    #cb3cd5; /* 12.0%  fim do gradiente 1                     */
  --brand-purpura:    #a710ae; /* 24.1%  cor de ação, símbolo do logo           */
  --brand-branco:     #fff9ff; /* 18.1%  fundo principal                        */

  /* ---- Camada B: apelidos semânticos ---- */
  --cor-fundo:          var(--brand-branco);
  --cor-fundo-escuro:   var(--brand-tinta);
  --cor-texto:          var(--brand-tinta);   /* 17.77:1 sobre o fundo — AAA */
  --cor-texto-inverso:  var(--brand-branco);
  --cor-primaria:       var(--brand-indigo);  /*  6.13:1 sobre o fundo — AA  */
  --cor-acao:           var(--brand-purpura); /*  6.08:1 sobre o fundo — AA  */
  --cor-destaque:       var(--brand-ciano);   /* SÓ sobre fundo escuro       */
  --cor-borda:          rgba(19, 19, 30, .12);

  /* ---- Camada C: tokens deste site ---- */
  --container-max: 1200px;
  --header-h: 80px;
  --section-py: 96px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --transition: .3s cubic-bezier(.4, 0, .2, 1);

  /* Tipografia (p. 30-33) — as três estão no Google Fonts, verificado em 2026-09-07
     <link href="https://fonts.googleapis.com/css2?family=Rethink+Sans:wght@400;700&family=Space+Grotesk:wght@300&family=Google+Sans+Flex&display=swap" rel="stylesheet"> */
  --font-titulo:    'Rethink Sans', system-ui, -apple-system, sans-serif;        /* Bold 700  */
  --font-subtitulo: 'Space Grotesk', 'Rethink Sans', system-ui, sans-serif;      /* Light 300 */
  --font-corpo:     'Google Sans Flex', 'Rethink Sans', system-ui, sans-serif;   /* Regular   */
  --font-numero:    'Rethink Sans', system-ui, sans-serif;                       /* Regular 400 */

  /* Gradientes oficiais (p. 36–37) */
  --grad-1: linear-gradient(90deg, #5456ac 0%, #cb3cd5 100%);
  --grad-2: linear-gradient(135deg, #5456ac 0%, #79cce2 100%);
}

/* -----------------------------------------------------------------
   CONTRASTE WCAG 2.1 — calculado, não estimado
   (pine-brandkit/assets/contraste.py, 2026-09-07)

   fundo            texto            razão      veredito
   --------------------------------------------------------------
   branco #fff9ff   tinta            17.77:1    AAA        ok
   branco #fff9ff   indigo            6.13:1    AA         ok
   branco #fff9ff   púrpura           6.08:1    AA         ok
   branco #fff9ff   magenta           3.93:1    AA grande  só título >=24px
   branco #fff9ff   azul-claro        3.42:1    AA grande  só título >=24px
   branco #fff9ff   ciano             1.75:1    ---        PROIBIDO
   tinta  #13131e   branco           17.77:1    AAA        ok
   tinta  #13131e   ciano            10.13:1    AAA        ok
   tinta  #13131e   azul-claro        5.20:1    AA         ok
   tinta  #13131e   magenta           4.52:1    AA         ok
   tinta  #13131e   indigo            2.90:1    ---        PROIBIDO
   tinta  #13131e   púrpura           2.92:1    ---        PROIBIDO
   indigo #5456ac   branco            6.36:1    AA         ok
   púrpura#a710ae   branco            6.31:1    AA         ok
   indigo #5456ac   púrpura           1.01:1    ---        PROIBIDO (idênticos)

   REGRAS QUE SAEM DAÍ:
   1. Indigo e púrpura NUNCA se tocam: 1.01:1. Só convivem separados por
      branco ou por um contorno.
   2. Ciano é decorativo sobre claro. Como texto, só sobre a tinta.
   3. Texto sobre o gradiente 1 (indigo→magenta) só em branco, e a partir
      de 24px — a extremidade magenta cai para 3.93:1.
   4. Botão de ação: fundo púrpura + texto branco (6.31:1).
   ----------------------------------------------------------------- */