/* ==========================================================================
   Grupo DIS Comércio — tokens de identidade
   Base compartilhada entre os sites UNIS, Bonshop e Grupo DIS Comércio.
   Fonte: Manual de Marca (seções 3 e 4).
   ========================================================================== */

:root {
  /* --- Paleta do manual (não introduzir cores novas) --------------------- */
  --dis-azul-violeta:  #2e3191;
  --dis-azul-escuro:   #0e1756;
  --dis-azul-claro:    #1594b9;
  --dis-azul-petroleo: #0a7e99;
  --dis-branco:        #ffffff;

  /* --- Papéis de cor -----------------------------------------------------
     Os neutros abaixo são tints do azul escuro, não cores novas.
     Contraste sobre branco: --texto 7.4:1 | --texto-suave 4.9:1 | --acao 4.7:1
     O azul claro fica reservado a grafismos, ícones e texto sobre azul escuro
     (4.7:1), onde atinge contraste AA.                                     */
  --tinta:        var(--dis-azul-escuro);
  --texto:        #4b5570;
  --texto-suave:  #6f7791;
  --acao:         var(--dis-azul-petroleo);
  --acao-forte:   var(--dis-azul-escuro);
  --detalhe:      var(--dis-azul-claro);
  --linha:        #e2e7f0;
  --linha-forte:  #ccd4e3;
  --gelo:         #f4f6fb;
  --superficie:   var(--dis-branco);
  --sobre-escuro-suave: rgba(255, 255, 255, .72);

  /* --- Tipografia --------------------------------------------------------
     ITC Avant Garde Gothic Pro é a fonte institucional (Adobe Fonts).
     Century Gothic / URW Gothic são desenhos equivalentes já presentes em
     Windows e Linux; Arial é o fallback previsto no manual (item 4.2).     */
  --fonte: "ITC Avant Garde Gothic Pro", "Century Gothic", "URW Gothic",
           "Questrial", Arial, Helvetica, sans-serif;

  --peso-corpo: 400;
  --peso-medio: 500;
  --peso-forte: 700;

  --t-display: clamp(2.25rem, 1.15rem + 3.4vw, 3.5rem);
  --t-h2:      clamp(1.85rem, 1.25rem + 2.3vw, 2.9rem);
  --t-h3:      1.0625rem;
  --t-corpo:   1.0625rem;
  --t-pequeno: .9375rem;
  --t-rotulo:  .72rem;

  /* --- Ritmo e forma ----------------------------------------------------- */
  --largura:      1240px;
  --respiro:      clamp(1.25rem, 4vw, 2.5rem);
  --secao:        clamp(4.5rem, 8vw, 8rem);
  --raio:         14px;
  --raio-grande:  26px;

  --sombra-suave: 0 1px 2px rgba(14, 23, 86, .05),
                  0 8px 24px -12px rgba(14, 23, 86, .18);
  --sombra-alta:  0 2px 4px rgba(14, 23, 86, .06),
                  0 22px 48px -20px rgba(14, 23, 86, .28);

  --transicao: 180ms cubic-bezier(.2, .7, .3, 1);
}