/* ==========================================================================
   Sirius Consulting — tokens de design
   Cada valor tem origem registrada em direcao-de-arte.md.
   Nenhum valor mágico deve aparecer fora deste arquivo.
   ========================================================================== */

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plex';
  src: url('../fonts/plex-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plex';
  src: url('../fonts/plex-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Paleta -----------------------------------------------------------
     Medida no arquivo de logo do cliente e no CSS do site atual.
     Contrastes verificados (WCAG 2.1) em direcao-de-arte.md secao 2.       */
  --tinta:        #0E1729;   /* neutra escura  — fundo dos blocos escuros   */
  --tinta-2:      #16223A;   /* elevacao dentro do escuro                   */
  --marca:        #274584;   /* azul da marca  — medido no site atual       */
  --ouro:         #C09054;   /* acao           — medido no logo             */
  --ouro-claro:   #D8AE76;   /* hover no escuro                             */
  --ouro-fundo:   #8A6533;   /* unica forma de dourado sobre fundo claro    */
  --papel:        #F4F2EE;   /* neutra clara                                */
  --papel-2:      #EAE7E1;   /* faixa alternada no claro                    */
  --apoio:        #9AA8BE;   /* texto secundario sobre escuro   7,43:1 AAA  */
  --grafite:      #45505F;   /* texto secundario sobre claro    7,32:1 AAA  */
  --zap:          #1EA352;   /* verde do canal de conversa                  */
  --zap-escuro:   #14783B;

  /* Linhas: derivadas, nunca hex solto */
  --linha-escura: 1px solid color-mix(in srgb, var(--ouro) 22%, transparent);
  --linha-clara:  1px solid color-mix(in srgb, var(--marca) 12%, transparent);

  /* ---- Tipografia ------------------------------------------------------- */
  --f-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --f-corpo:   'Plex', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* Escala modular fluida — nenhum tamanho de texto em px fixo */
  --t-xs:      clamp(0.75rem,  0.73rem + 0.10vw, 0.8125rem);
  --t-sm:      clamp(0.875rem, 0.85rem + 0.12vw, 0.9375rem);
  --t-base:    clamp(1rem,     0.96rem + 0.20vw, 1.125rem);
  --t-md:      clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --t-lg:      clamp(1.375rem, 1.20rem + 0.75vw, 1.75rem);
  --t-xl:      clamp(1.75rem,  1.45rem + 1.30vw, 2.5rem);
  --t-2xl:     clamp(2.125rem, 1.60rem + 2.20vw, 3.375rem);
  --t-display: clamp(2.25rem,  1.20rem + 4.60vw, 5rem);
  --t-numero:  clamp(2.75rem,  1.70rem + 4.80vw, 5.5rem);

  --lh-apertado: 1.04;
  --lh-titulo:   1.12;
  --lh-corpo:    1.62;
  --ls-display:  -0.022em;
  --ls-rotulo:    0.14em;

  /* ---- Espacamento — progressao unica, usada em tudo -------------------- */
  --e-1:  0.25rem;   /*   4 */
  --e-2:  0.5rem;    /*   8 */
  --e-3:  0.75rem;   /*  12 */
  --e-4:  1rem;      /*  16 */
  --e-5:  1.5rem;    /*  24 */
  --e-6:  2rem;      /*  32 */
  --e-7:  2.5rem;    /*  40 */
  --e-8:  3rem;      /*  48 */
  --e-9:  4rem;      /*  64 */
  --e-10: 5rem;      /*  80 */
  --e-11: 7rem;      /* 112 */
  --e-12: 10rem;     /* 160 */

  /* Respiro vertical de secao, fluido entre mobile e desktop */
  --secao-y: clamp(var(--e-9), 6vw + 1rem, var(--e-12));

  /* ---- Raio, sombra, layout -------------------------------------------- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-full: 999px;

  --sombra-1: 0 1px 2px rgb(14 23 41 / 0.06), 0 8px 24px rgb(14 23 41 / 0.08);
  --sombra-2: 0 6px 20px rgb(14 23 41 / 0.28);

  --largura: 76rem;        /* medida maxima do conteudo             */
  --largura-texto: 38rem;  /* medida de leitura confortavel         */
  --topo: 4rem;            /* altura da barra fixa                  */

  /* ---- Movimento -------------------------------------------------------- */
  --tempo-rapido: 120ms;
  --tempo: 240ms;
  --tempo-lento: 520ms;
  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* ---- Breakpoints (referencia; media query usa o valor literal) -------- */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}