/* ============================================================
   UPay Conta Digital — design tokens
   Fonte da verdade: design/site upay2.ai (artboards 1920px).
   Tipos medidos nos SVGs; gradientes calculados das defs do AI.
   ============================================================ */

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* cores */
  --blue: #1e91fe;            /* botões, links, checks, eyebrows */
  --blue-bright: #179aff;     /* acentos / hover */
  --blue-dark: #0c4d80;
  --bg-dark: #01060a;         /* base das seções escuras */
  --ink: #1a1a1a;             /* texto em fundo claro */
  --ink-soft: #4d4d4d;
  --ink-mute: #777;
  --paper: #fff;
  --success-bg: #d8f4e0;      /* pílula "Taxa a partir de 1,29% a.m." */
  --success-ink: #20402b;
  --success: #27ae60;

  /* gradientes exatos das seções escuras (calculados do Gradiente_sem_nome_55) */
  --grad-dark: linear-gradient(108.9deg, #000 0%, #1b1b1b 100%);
  --grad-ribbon: linear-gradient(85.7deg, #000 0%, #393939 100%);

  /* sombras (feOffset 7,7 + blur 5 do design) */
  --shadow-card: 7px 7px 14px rgba(0, 0, 0, .35);
  --shadow-card-dark: 7px 7px 14px rgba(0, 0, 0, .75);

  /* tipografia — escala medida no artboard @1920px
     clamp(mínimo legível, px/19.2 vw, valor do artboard) */
  --font: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --fs-display: clamp(2.125rem, 2.9401vw, 3.5281rem);  /* 56.45 */
  --fs-h2: clamp(1.625rem, 2.3438vw, 2.8125rem);       /* 45    */
  --fs-ribbon: clamp(1.375rem, 1.9271vw, 2.3125rem);   /* 37    */
  --fs-lead: clamp(1.125rem, 1.5625vw, 1.875rem);      /* 30    */
  --fs-body-lg: clamp(1rem, 1.1214vw, 1.3456rem);      /* 21.53 */
  --fs-body: clamp(.875rem, 1.0417vw, 1.25rem);        /* 20    */
  --fs-small: clamp(.8125rem, .7453vw, .8944rem);      /* 14.31 */
  --fs-tiny: clamp(.6875rem, .625vw, .75rem);          /* 12    */

  --ls-label: .3em;

  /* raios (medidos: botões rx 6.39, cards rx 23.98) */
  --radius-btn: .4rem;
  --radius-card: 1.5rem;
  --radius-ui: .75rem;

  /* layout: coluna de conteúdo do artboard ≈ x212–x1707 */
  --container: 1495px;
  --gutter: clamp(20px, 11.04vw, 212px); /* margem lateral do artboard em 1920 */
  --space-section: clamp(3rem, 4.2vw, 5rem);
}