/* VelopLead — tokens de marca */
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/space-grotesk-latin-wght-normal.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}

:root {
  /* Azul (cor principal) */
  --vl-blue: #3b6ff5;
  --vl-blue-deep: #2f5ad8;
  --vl-blue-darker: #2447b0;
  --vl-blue-mid: #4f7ff6;
  --vl-blue-light: #6b93f8;
  --vl-blue-soft: #8fb0fb;
  --vl-blue-pale: #a6c4fc;
  --vl-blue-mist: #b9cdfd;
  --vl-blue-bg: #e3eafd;

  /* Lima (acento, ponta da semente) */
  --vl-lime: #9be15d;
  --vl-lime-soft: #c4ee9e;
  --vl-green-ink: #3a7322;

  /* Neutros */
  --vl-ink: #1b2433;
  --vl-ink-2: #2c3749;
  --vl-muted: #5a6578;
  --vl-border: #d8dee7;
  --vl-bg: #eef1f5;
  --vl-surface: #ffffff;

  /* Tipografia */
  --vl-font-display: 'Space Grotesk', system-ui, sans-serif;
  --vl-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Forma */
  --vl-radius-sm: 10px;
  --vl-radius: 16px;
  --vl-radius-lg: 24px;
  --vl-radius-pill: 999px;

  /* Gradiente de destaque (usado na página VelopLead) */
  --vl-gradient: linear-gradient(100deg, var(--vl-green-ink), var(--vl-blue));
}