/* Jamep — design tokens
   Produção: título = Sora (self-hosted), corpo = IBM Plex Sans (self-hosted).
   Aqui usamos pilhas de fontes de sistema como substituto até os arquivos de fonte serem adicionados. */
:root {
  /* Cor */
  --ink: #14192B;
  --ink-2: #1C2340;
  --ink-3: #262E52;
  --amber: #D98C2B;
  --amber-light: #F0A83F;
  --paper: #F5F1E8;
  --paper-2: #FFFFFF;
  --slate: #5B6072;
  --line: #DDD6C7;
  --line-dark: rgba(245, 241, 232, 0.14);
  --good: #4E7D5B;

  /* Tipografia */
  --font-display: 'Century Gothic', 'Avenir Next', 'Segoe UI Semibold', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, ui-sans-serif, system-ui, sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.2vw, 1.05rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.4vw, 1.3rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.8vw, 1.8rem);
  --step-3: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  --step-4: clamp(2.6rem, 2rem + 2.6vw, 3.75rem);

  /* Layout */
  --container: 1180px;
  --container-narrow: 780px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --gap-section: clamp(64px, 9vw, 120px);
  --shadow-soft: 0 24px 48px -28px rgba(20, 25, 43, 0.28);
  --shadow-tight: 0 8px 20px -12px rgba(20, 25, 43, 0.35);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}