/* Tokens U-LAB — marca (brand book) + base do design system U-Lab (Flow) + escala de marketing (specs/design.md) */
@font-face { font-family: "IvyPresto Display"; src: url("../fonts/ivy-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IvyPresto Display"; src: url("../fonts/ivy-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  /* Marca */
  --true-lab: #2E69FF;
  --extra-lab: #8CB5FF;
  --soft-lab: #E0E8F5;
  --light-lab: #FFFFFF;
  --special-lab: #7030CF;
  --primary: var(--true-lab);
  --primary-hover: #2459E6;
  --brand-gradient: linear-gradient(to right, #2E69FF, #7030CF);

  /* Superfícies e texto (design system U-Lab) */
  --bg: #FFFFFF;
  --bg-soft: #F1F5F9;
  --bg-tint: #E0E8F5;
  --ink: #0F172A;
  --ink-deep: #0B0F19;
  --ink-card: #111827;
  --text: #0F172A;
  --text-body: #475569;
  --text-muted: #64748B;
  --border-card: #E0E8F5;
  --border: #E2E8F0;
  --on-dark: #F8FAFC;
  --on-dark-muted: #CBD5E1;
  --line-dark: rgba(255, 255, 255, 0.10);

  /* Tipografia */
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "IvyPresto Display", Georgia, "Times New Roman", serif;

  --fs-display: clamp(2.5rem, 1.4rem + 4.6vw, 5.25rem);
  --fs-h1: clamp(2.25rem, 1.4rem + 3.4vw, 4rem);
  --fs-h2: clamp(1.875rem, 1.3rem + 2.4vw, 3.25rem);
  --fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;
  --fs-number: clamp(4rem, 2.6rem + 5.6vw, 8rem);

  /* Espaço (base 4px) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --section-y: clamp(56px, 5vw + 36px, 128px);
  --gutter: clamp(20px, 4vw, 32px);
  --container: 1280px;

  /* Forma */
  --r-sm: 12px; --r-card: 28px; --r-block: 40px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --shadow-md: 0 2px 5px -1px rgba(15, 23, 42, 0.06), 0 1px 3px -1px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 18px 40px -16px rgba(15, 23, 42, 0.18);
  --shadow-xl: 0 30px 70px -24px rgba(15, 23, 42, 0.28);

  /* Movimento */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 600ms;
  --header-h: 72px;
}