/* Base Alpha: tokens de design */

@font-face {
  font-family: "Geist";
  src: url("../fonts/geist-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Superfícies */
  --paper: #ffffff;
  --mist: #f4f6fa;
  --line: #e3e7ee;
  --line-strong: #cfd6e1;

  /* Tinta */
  --ink: #0b1530;
  --ink-2: #3d4659;
  --ink-3: #5b6475;

  /* Marca */
  --navy: #002772;
  --night: #0b1530;
  --night-2: #101b3d;
  --blue: #0066e0;
  --blue-press: #0055bd;
  --blue-bright: #0095fd;
  --blue-soft: #e8f1fe;
  --amber: #f5a524;
  --whatsapp: #25d366;
  --whatsapp-ink: #0b3d23;

  /* Texto sobre o fundo noturno */
  --on-night: #ffffff;
  --on-night-2: #c4cfe2;
  --on-night-3: #93a2bf;

  --danger: #c4312b;

  /* Tipografia */
  --font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-sm: 0.9375rem;   /* 15 */
  --text-base: 1.0625rem; /* 17 */
  --text-lg: 1.25rem;     /* 20 */
  --text-xl: clamp(1.375rem, 1.1rem + 0.9vw, 1.625rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --text-4xl: clamp(2.5rem, 1.4rem + 4.4vw, 4.5rem);

  /* Espaço */
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --max: 72rem;
  --max-text: 40rem;
  --section: clamp(4.5rem, 3rem + 7vw, 9rem);

  /* Forma */
  --radius: 14px;
  --radius-lg: 24px;
  --shadow-1: 0 1px 2px rgba(11, 21, 48, 0.06), 0 4px 12px rgba(11, 21, 48, 0.05);
  --shadow-2: 0 2px 6px rgba(11, 21, 48, 0.06), 0 18px 40px -12px rgba(11, 21, 48, 0.18);

  /* Movimento (emil-design-eng / animate) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  --header-h: 64px;
}