:root {
  --color-ink: #202321;
  --color-ink-soft: #343936;
  --color-paper: #f1eee6;
  --color-paper-deep: #e5e0d4;
  --color-white: #ffffff;
  --color-accent: #d93c33;
  --color-accent-dark: #af2822;
  --color-steel: #8f9994;
  --color-hairline: #cfcbc0;
  --color-success: #297a55;
  --color-focus: #2368bd;

  --font-display: "Golos Text", Arial, sans-serif;
  --font-body: "Manrope", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.25rem, 1.8vw, 1.5rem);
  --text-xl: clamp(1.75rem, 3vw, 2.75rem);
  --text-2xl: clamp(2.5rem, 5.6vw, 5.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --container-gutter: clamp(1rem, 3vw, 3.25rem);
  --container-max: 92rem;
  --grid-columns: 12;
  --grid-gap: clamp(0.75rem, 1.4vw, 1.5rem);

  --z-base: 0;
  --z-sticky: 20;
  --z-overlay: 40;
  --z-dialog: 60;

  --motion-fast: 180ms;
  --motion-base: 240ms;
  --motion-slow: 320ms;
  --ease-industrial: cubic-bezier(0.2, 0.7, 0.2, 1);
}