/* ════════════════════════════════════════════════════════════════
   ÚNICO · tokens — identidade da marca (manual 2024, site vivo)
   Marinho profundo + azul royal + verde-lima como faísca.
   Fonte da verdade de cor, tipo, espaço e movimento do site.
   ──────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;0,700;1,300&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* base navy — a casa da marca */
  --uni-marinho:      #071E43;
  --uni-marinho-deep: #05132E;
  --uni-navy-2:       #0A2450;   /* painel elevado sobre marinho */
  --uni-line-dark:    rgba(197, 213, 244, 0.14);
  --uni-line-dark-soft: rgba(197, 213, 244, 0.07);
  --uni-line-dark-strong: rgba(197, 213, 244, 0.45);

  /* brand sparks */
  --uni-azul:       #1646D4;
  --uni-azul-hover: #2E5BEF;
  --uni-azul-claro: #5C7CFF;
  --uni-verde:      #E1FE69;
  --uni-verde-medio:#64790F;    /* lime legível sobre branco (4,6:1 no papel) */

  /* light sections */
  --uni-paper:      #F5F7FC;
  --uni-paper-2:    #ECF0F9;
  --uni-line-light: rgba(7, 30, 67, 0.12);
  --uni-line-light-soft: rgba(7, 30, 67, 0.07);

  /* ink */
  --ink-on-dark:    #F2F5FC;
  --ink-on-dark-2:  rgba(242, 245, 252, 0.68);
  --ink-on-dark-3:  rgba(242, 245, 252, 0.58);
  --ink-on-light:   #0B1B36;
  --ink-on-light-2: #43506B;
  --ink-on-light-3: #5D6B89;

  /* type */
  --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-display: clamp(2.5rem, 5.2vw, 4.4rem);
  --fs-h2: clamp(2rem, 3.6vw, 3.1rem);
  --fs-h3: clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-lede: clamp(1.05rem, 1.4vw, 1.2rem);
  --fs-body: 1rem;
  --fs-sm: 0.82rem;
  --fs-xs: 0.72rem;

  --lh-display: 1.06;
  --lh-body: 1.65;
  --ls-display: -0.028em;
  --ls-label: 0.18em;

  /* space & shape */
  --container: 1240px;
  --gutter: clamp(1.4rem, 5vw, 6rem);
  --section-y: clamp(4.5rem, 9vw, 8.5rem);
  --radius-card: 16px;
  --radius-btn: 999px;
  --radius-tag: 999px;

  /* motion */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur-fast: 160ms;
  --dur: 300ms;
  --dur-slow: 800ms;
}