:root {
  --bg: #EFEAE3;
  --bg-2: #E4DDD4;
  --paper: #FAF8F5;
  --ink: #23252B;
  --ink-2: #5C5A57;
  --ink-3: #8A877F;
  --brass: #B8975A;
  --brass-2: #D6BC85;
  --dark: #1B1C20;
  --dark-2: #26282F;
  --ok: #2E7D5B;
  --err: #B23A3A;
  --line: rgba(35, 37, 43, .12);
  --line-strong: rgba(35, 37, 43, .28);

  --font-display: 'Prata', Georgia, 'Times New Roman', serif;
  --font-text: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --text-hero: clamp(2.6rem, 1rem + 6vw, 6.5rem);
  --text-h1: clamp(2.2rem, 1.2rem + 3.6vw, 4.4rem);
  --text-h2: clamp(1.9rem, 1.1rem + 2.6vw, 3.4rem);
  --text-h3: clamp(1.25rem, 1rem + .8vw, 1.6rem);
  --text-base: clamp(1rem, .95rem + .3vw, 1.125rem);
  --text-small: .875rem;
  --text-tiny: .75rem;

  --space-section: clamp(4rem, 3rem + 5vw, 9rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --gutter: clamp(20px, 2vw + 8px, 40px);
  --container: 1280px;

  --radius-card: 20px;
  --radius-chip: 10px;
  --radius-pill: 999px;
  --shadow-float: 0 24px 60px -24px rgba(35, 37, 43, .35);
  --shadow-card: 0 1px 0 rgba(35, 37, 43, .06), 0 12px 32px -20px rgba(35, 37, 43, .25);

  --dur-fast: 150ms;
  --dur: 300ms;
  --dur-slow: 700ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --header-h: 72px;
}