/* Eskalei — tokens da marca. Fonte da verdade: tokens.json (mesma pasta).
   Copiado para apps/site/styles/tokens.css por tools/marca/gerar-icones.mjs. Não editar a cópia. */
@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/Manrope[wght].woff2") format("woff2-variations"), url("../assets/fonts/Manrope[wght].woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --blue: #155DFC;
  --blue-action: #0F4FDB;
  --blue-soft: #E8EFFF;
  --black: #000000;
  --ink: #0B0F19;
  --text-muted: #5B6472;
  --white: #FFFFFF;
  --gray: #F3F5F8;
  --line: #E3E7EE;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 20px;
  --radius-hero: 28px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;

  --motion-micro: 160ms;
  --motion-transition: 280ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-micro: 0ms; --motion-transition: 0ms; }
}