/* Tokens (specs/design.md). Kinallo: noite, violeta e laranja. */
:root {
  --ink: #0E0B14;
  --ink-2: #1A1524;
  --ink-3: #241D31;
  --line: #2E2640;
  --paper: #F4F1EC;
  --paper-2: #EAE5EE;
  --line-paper: #DAD3E0;
  --text: #F4F1EC;
  --text-2: #A79FB8;
  --text-dark: #0E0B14;
  --text-dark-2: #5E566C;
  --glow: #FF7A3D;
  --violet: #7C5CFF;
  --lilac: #C9BEFF;
  --grad: linear-gradient(100deg, #9A7DFF, #7C5CFF 40%, #FF7A3D);
  --whatsapp: #25D366;

  --font-display: 'Inter Tight', system-ui, sans-serif;
  --font-text: 'Inter Tight', system-ui, sans-serif;

  --fs-mega: clamp(56px, 15vw, 220px);
  --fs-h1: clamp(44px, 7.4vw, 112px);
  --fs-h2: clamp(36px, 5.6vw, 80px);
  --fs-h3: clamp(20px, 2vw, 28px);
  --fs-body-lg: clamp(17px, 1.4vw, 20px);
  --fs-body: 16px;
  --fs-small: clamp(13px, 1vw, 14px);
  --fs-micro: 12px;

  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-24: 24px; --s-32: 32px;
  --s-48: 48px; --s-64: 64px; --s-96: 96px; --s-128: 128px; --s-160: 160px;

  --gutter: 16px;
  --container: 1200px;
  --section-y: 96px;
  --header-h: 68px;
  --measure: 62ch;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.76, 0.02, 0.13, 1.01);
  --t-fast: 200ms;
}
@media (min-width: 768px) { :root { --gutter: 32px; } }
@media (min-width: 1024px) { :root { --gutter: 48px; --section-y: 152px; --header-h: 76px; } }