@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/playfair-display-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/playfair-display-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/playfair-display-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/space-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/space-mono-700.woff2') format('woff2');
}

:root {
  /* Paleta oficial da CTA (design.md) + um papel neutro para as pastas claras. */
  --ink: #1A1E29;
  --slate: #485270;
  --marble-blue: #A8B0C7;
  --marble-beige: #BAAA9B;
  --beige: #9B846F;
  --paper: #EFEBE6;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;

  --gutter: clamp(1rem, 3vw, 2rem);
  --tab-h: 2.5rem;
  --radius: 6px;

  --step--1: 0.8125rem;
  --step-0: 0.9375rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.6rem, 3vw, 2.25rem);
  --step-3: clamp(2.4rem, 6vw, 4.5rem);
  --step-4: clamp(3rem, 9vw, 7.5rem);
}