/* =============================================
   base.css — токены, шрифты, reset, body
   ============================================= */

@font-face { font-family: 'Hint'; src: url('../fonts/Hint-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'Hint'; src: url('../fonts/Hint-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: 'Hint'; src: url('../fonts/Hint-Bold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: block; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:           #F7F4EE;
  --bg-2:         #EDEAE0;
  --ink:          #2A2826;
  --ink-muted:    #6A6460;
  --green:        #3D7068;
  --green-deep:   #23403C;
  --green-pale:   #E6EEEC;
  --max-w:        1120px;
  --pad:          clamp(24px, 5vw, 64px);
  --radius:       12px;
  --font-heading: 'Playfair Display', serif;
  --font-body:    'Hint', sans-serif;
}

html { scroll-behavior: smooth; }

html.font-fallback {
  --font-body: "Trebuchet MS", "Segoe UI", sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
}

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--ink);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}