/* ==========================================================================
   Design tokens — extraídos do Figma (arquivo 6Tm8EFhFMw8R4FDHvGBnzc).
   O arquivo original não usa Figma Variables, então estes valores foram
   lidos diretamente dos nós do design.

   Duas famílias em uso:
     The Seasons Light  → títulos (serifada, sempre em azul)
     Parabolica         → navegação, corpo, rótulos e botões
   ========================================================================== */

:root {
   /* --- Cor ------------------------------------------------------------- */
   --c-blue: #003ec5;
   /* primária: títulos, links, botões, marca */
   --c-blue-dark: #0033a3;
   /* hover de botão */
   --c-ink: #323232; 
   /* texto corrente, rótulos e legal */
   --c-white: #ffffff;
   --c-bg: #ffffff;
   --c-rule: rgba(50, 50, 50, .18);
   /* filetes de header e rodapé */
   --c-border: rgba(50, 50, 50, .10);
   /* borda dos cards */
   --c-surface: #fafafa;
   /* fundo de seções e cards */
   --c-ink-soft: #767676;
   /* texto secundário: o cinza mais claro que ainda
                               dá 4.5:1 sobre branco (WCAG 1.4.3) */
   --c-blue-soft: #a8c4ff;
   /* rótulos sobre fundo azul; 4.8:1 sobre --c-blue.
                               O #81a8fe do Figma dava 3.6:1 e reprovava. */
   --c-aqua: #16e0ce;
   /* nome do valor no cartão azul de Careers */

   /* --- Tipografia ------------------------------------------------------ */
   /* Nomes das famílias do kit Adobe Fonts fej3ktq. */
   --font-display: "the-seasons", "Cormorant Garamond", Georgia, "Times New Roman", serif;
   --font-sans: "parabolica", "Outfit", -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

   /* O kit serve apenas 400 e 700 de cada família. O Figma usa
     The Seasons Light e Parabolica Medium, cortes que o kit não entrega:
     ambos resolvem para 400, o vizinho mais próximo. Declarar 300 ou 500
     aqui não traria nada — o navegador cairia em 400 do mesmo jeito. */
   --fw-light: 300;
   /* era Light no Figma */
   --fw-regular: 400;
   --fw-medium: 500;
   /* era Medium no Figma */
   --fw-bold: 700;

   /* Escala fluida, ancorada nos valores do canvas de 1728px.
     O segundo valor de cada clamp é o tamanho exato do Figma. */
   --fs-display: clamp(2rem, 1rem + 5vw, 5rem);
   /* 44 → 80px */
   --fs-h2: clamp(2.25rem, 1.36rem + 3.47vw, 3.75rem);
   /* 36 → 60px */
   --fs-h3: clamp(1.75rem, 1.38rem + 1.39vw, 2.5rem);
   /* 28 → 40px */
   --fs-lead: clamp(1rem, .93rem + .81vw, 1.5625rem);
   /* 18 → 25px */
   --fs-body: 1rem;
   /* 16px */
   --fs-nav: clamp(1rem, .8rem + 1vw, 1.25rem);
   /* 20px */
   --fs-label: 1rem;
   /* 16px uppercase */
   --fs-button: .8375rem;
   /* 13.393px */

   --lh-display: 1;
   /* 80/80 no Figma */
   --lh-lead: 1.4;
   /* 35/25 */
   --lh-body: 1.25;
   /* 20/16 */

   /* --- Layout ---------------------------------------------------------- */
   /* Canvas de 1728px, conteúdo em x=100 com 1528px de largura. */
   --container: 1528px;
   --gutter: clamp(1.25rem, .5rem + 3vw, 6.25rem);
   /* 20 → 100px */

   /* --- Espaçamento ----------------------------------------------------- */
   --space-2: .5rem;
   --space-3: .75rem;
   --space-4: 1rem;
   --space-5: 1.25rem;
   --space-6: 1.5rem;
   --space-8: 2rem;
   --space-10: 2.5rem;
   --space-12: 3rem;
   --space-16: 4rem;
   --space-24: 6rem;
   --space-28: 8rem;
   --section-y: clamp(4rem, 2.5rem + 6vw, 7.5rem);

   /* --- Formas ---------------------------------------------------------- */
   --radius-card: 30px;
   --radius-pill: 25.111px;

   /* --- Movimento ------------------------------------------------------- */
   --ease: cubic-bezier(.22, .61, .36, 1);
   --dur: .35s;

   /* --- Camadas --------------------------------------------------------- */
   --z-header: 100;

   @media (max-width: 767px) {
      --fs-label: 0.875rem;
   }
}