/* ============================================================
   base.css — CSS variables, reset, typography
   ============================================================ */

:root {
  /* Typography */
  --font-primary: 'AkkuratLL', 'AkkuratLLCyr', sans-serif;
  --font-display: 'Druk', 'ZonaPro', sans-serif;

  /* Colours — adjust from brand */
  --color-pink: #ff3c78;
  --color-black: #0d0d0d;
  --color-white: #ffffff;
  --color-grey: #f5f5f5;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 128px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Transitions */
  --transition-base: 0.2s ease;
}

/* ── Minimal reset ── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { background-color: #f5f5f5; }