/**
 * AGUIAR & TORRES - DESIGN TOKENS
 * Paleta oficial do manual da marca (referências Pantone).
 * Direção: blocos de cor chapada, sol recortado em papel, títulos condensados.
 */

:root {
  /* ==========================================================================
     1. Paleta oficial
     ========================================================================== */
  --terracota: #C76B3A;        /* Pantone 7573 C: botões e ênfase rara */
  --terracota-escuro: #A9532A; /* hover do botão */
  --mostarda: #D79B2D;         /* Pantone 7555 C: o sol */
  --marrom: #5B4638;           /* Pantone 7531 C */
  --oliva: #626C24;            /* Pantone 5743 C */
  --creme: #F5ECDE;            /* Pantone 9224 C */
  --azul: #0D2E45;             /* Pantone 546 C */
  --azul-fundo: #09243A;

  /* ==========================================================================
     2. Papéis de cor (contraste medido sobre o creme)
     ========================================================================== */
  --canvas: var(--creme);
  --areia: #EEE2CE;                 /* bloco de apoio, um tom abaixo do creme */
  --ink: var(--azul);               /* títulos: 12:1 */
  --text: #4A392D;                  /* corpo: 9.4:1 */
  --text-soft: #6B5747;             /* secundário: 5.8:1 */
  --line: rgba(91, 70, 56, 0.28);
  --line-strong: var(--marrom);
  --on-dark: var(--creme);
  --on-dark-soft: rgba(245, 236, 222, 0.78);
  --line-dark: rgba(245, 236, 222, 0.22);

  /* ==========================================================================
     3. Tipografia
     Archivo (Omnibus-Type, grotesca de raiz clássica) com eixo de largura
     para os títulos condensados do manual; Source Sans 3 para leitura longa.
     ========================================================================== */
  --font-display: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(3.15rem, 7.4vw, 7.25rem);
  --fs-h2: clamp(2.5rem, 5.4vw, 5.25rem);
  --fs-h3: clamp(1.4rem, 2.1vw, 1.85rem);
  --fs-lead: clamp(1.15rem, 1.45vw, 1.35rem);
  --fs-body: 1.125rem;
  --fs-small: 0.95rem;
  --fs-label: 0.8rem;

  /* ==========================================================================
     4. Espaço e grade
     ========================================================================== */
  --gutter: clamp(1rem, 4.2vw, 3.5rem);
  --max: 1320px;
  --header-h: 80px;
  --section-y: clamp(5rem, 11vw, 10rem);

  /* ==========================================================================
     5. Movimento: duas curvas para tudo
     ========================================================================== */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Recorte de papel: cantos levemente irregulares, como o sol da marca */
  --corte: polygon(0.5% 5%, 99.3% 0, 100% 93%, 1.2% 100%);
  --corte-ficha: polygon(0 1.2%, 99.4% 0, 100% 98.6%, 0.8% 100%);
}

@media (max-width: 720px) {
  :root {
    --header-h: 68px;
  }
}