/* Plano Legalização · design tokens */
:root {
  /* Cores da marca */
  --navy: #0B1C3D;
  --blue: #2F6BFF;
  --blue-hover: #1F5CF2;
  --deep: #060F24;
  --ice: #EEF1F6;
  --light: #AFC3FF;
  --white: #FFFFFF;
  --muted: #5B6680;
  --mid: #14295A;
  --line-dark: rgba(11, 28, 61, .12);
  --line-light: rgba(255, 255, 255, .12);

  /* Tipografia */
  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --h1: 76px;
  --h1-track: -2.3px;
  --h2: 54px;
  --h2-track: -1.6px;

  /* Layout */
  --content: 1360px;
  --pad-x: 120px;
  --sec-top: 120px;
  --sec-bottom: 130px;
  --gap: 20px;
  --header-h: 56px;

  /* Raios */
  --r: 4px;

  /* Movimento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}

@media (max-width: 1439px) {
  :root {
    --pad-x: 64px;
    --h1: 64px;
    --h1-track: -2px;
    --h2: 44px;
    --h2-track: -1.3px;
    --sec-top: 104px;
    --sec-bottom: 112px;
  }
}

@media (max-width: 1023px) {
  :root {
    --pad-x: 40px;
    --sec-top: 88px;
    --sec-bottom: 96px;
  }
}

@media (max-width: 767px) {
  :root {
    --pad-x: 20px;
    --h1: clamp(30px, 10vw, 40px);
    --h1-track: -1.2px;
    --h2: 32px;
    --h2-track: -.9px;
    --sec-top: 72px;
    --sec-bottom: 80px;
  }
}