/* ==========================================================================
   Shiptimize PT — Design tokens
   Derivado do Brand Book v2.0. Base branca (diferenciacao face ao .me).
   ========================================================================== */

:root {

  /* --- Marca ------------------------------------------------------------ */
  --c-orange:        #FFA300;   /* wordmark, CTA em escuro, acentos */
  --c-amber:         #FFBF3F;   /* icone, hover, acento em escuro */

  /* --- Neutros ---------------------------------------------------------- */
  --c-ink:           #1A1A1A;   /* texto primario, paineis escuros */
  --c-grey:          #5C5C59;   /* texto secundario */
  --c-grey-light:    #7C7A72;   /* metadata, captions (4.2:1 sobre card) */
  --c-label:         #6E6C64;   /* eyebrows e labels de seccao */
  --c-border:        #ECEAE4;   /* todas as bordas, sempre 0.5px */

  /* --- Superficies ------------------------------------------------------ */
  --c-surface:       #FFFFFF;   /* base do .pt */
  --c-surface-2:     #F2F1EA;   /* seccoes alternadas */
  --c-surface-3:     #EDEBE3;   /* pills, destaques dentro de card */
  --c-card:          #FFFFFF;   /* card, sempre branco */
  --c-card-line:     #E4E1D8;   /* borda de card, mais definida que --c-border */
  --c-surface-dark:  #1A1A1A;   /* painel estrategico, footer */
  --c-surface-dark-2:#2A2A27;   /* cards dentro de painel escuro */

  /* --- Texto sobre escuro ----------------------------------------------- */
  --c-on-dark:        #FFFFFF;
  --c-on-dark-body:   rgba(255,255,255,0.72);  /* era 0.55, 6.0:1 -> 9.5:1 */
  --c-on-dark-label:  rgba(255,255,255,0.60);  /* era 0.30, 2.7:1 falhava */
  --c-on-dark-border: rgba(255,255,255,0.22);  /* era 0.15, invisivel */

  /* --- Tipografia -------------------------------------------------------
     Avenir nao e licenciavel para web. Nunito Sans e o substituto oficial
     definido no brand book. Light 300 para corpo, Medium 500 para titulos.  */
  --font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Helvetica, Arial, sans-serif;

  --fw-light:  300;
  --fw-medium: 500;
  --fw-bold:   700;

  --fs-display: clamp(2.5rem, 1.5rem + 4vw, 4.25rem);    /* 40 -> 68 */
  --fs-h1:      clamp(1.75rem, 1.3rem + 1.8vw, 2rem);    /* 28 -> 32 */
  --fs-h2:      clamp(1.25rem, 1.05rem + 0.9vw, 1.5rem); /* 20 -> 24 */
  --fs-h3:      1.0625rem;                               /* 17 */
  --fs-lead:    1.0625rem;                               /* 17 */
  --fs-body:    0.9375rem;                               /* 15 */
  --fs-caption: 0.75rem;                                 /* 12 */
  --fs-label:   0.6875rem;                               /* 11 */

  --lh-display: 1.05;
  --lh-h1:      1.12;
  --lh-h2:      1.2;
  --lh-h3:      1.3;
  --lh-lead:    1.65;
  --lh-body:    1.72;
  --lh-caption: 1.55;

  --ls-display: -1.6px;
  --ls-h1:      -0.9px;
  --ls-h2:      -0.5px;
  --ls-label:   0.09em;

  /* --- Espacamento (base 8px) ------------------------------------------- */
  --sp-micro: 4px;
  --sp-xs:    8px;
  --sp-sm:   12px;
  --sp-base: 16px;
  --sp-md:   24px;
  --sp-lg:   32px;
  --sp-xl:   48px;
  --sp-2xl:  64px;
  --sp-3xl:  96px;
  --sp-4xl: 128px;

  /* --- Layout ------------------------------------------------------------ */
  --container:      1200px;
  --container-text: 65ch;   /* limite de leitura definido no brand book */
  --gutter:         var(--sp-md);

  /* --- Bordas e raios ---------------------------------------------------- */
  --bw: 0.5px;
  --r-card:   12px;
  --r-button:  8px;
  --r-pill:    4px;

  /* --- Movimento --------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  180ms;
}