/* ---------- Base / tokens ---------- */
:root {
  --black: #0d0d0d;
  --white: #ffffff;
  --gray-50: #f4f4f2;
  --gray-100: #e9e9e5;
  --gray-300: #d3d3ce;
  --gray-500: #8a8a84;
  --gray-900: #1a1a1a;

  --shadow-sm: 5px 5px 0 0 var(--black);
  --shadow-md: 8px 8px 0 0 var(--black);
  --shadow-lg: 10px 10px 0 0 var(--black);
  --shadow-off: 0 0 0 0 var(--black);

  --lift-move: translate(-4px, -4px);
  --lift-transition: transform 0.15s ease, box-shadow 0.15s ease;

  --border: 3px solid var(--black);
  --border-thin: 2px solid var(--black);

  --font-display: 'Archivo Black', 'Space Grotesk', Arial, sans-serif;
  --font-body: 'Space Grotesk', Arial, sans-serif;

  --container-w: 1280px;
  --header-h: 78px;
}