/* STEZA — design tokens. Подключать первым во все концепции. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Палитра */
  --steza-blue: #1E47C9;
  --steza-blue-deep: #16307F;
  --ink: #16213E;
  --sky-wash: #A9C2E8;
  --paper: #F7F3EA;
  --paper-deep: #EFE7D6;
  --white: #FFFFFF;

  /* Типографика */
  --font-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-body: "Inter", "Manrope", system-ui, -apple-system, sans-serif;

  /* Ритм */
  --maxw: 1200px;
  --gap: clamp(16px, 3vw, 40px);
  --section-y: clamp(64px, 9vw, 140px);
  --radius: 3px;

  /* Тени (мягкие, бумажные) */
  --shadow-card: 0 1px 3px rgba(40,40,30,0.10), 0 18px 40px -24px rgba(22,33,62,0.35);
}

/* База */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
}
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 500; line-height: 1.05; color: var(--ink); margin: 0; }
a { color: var(--steza-blue); text-decoration: none; }
img { max-width: 100%; display: block; }

/* Утилиты */
.steza-wrap { max-width: var(--maxw); margin: 0 auto; padding-inline: clamp(20px, 5vw, 56px); }
.steza-eyebrow { font-family: var(--font-body); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; color: var(--steza-blue); }
.steza-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-body); font-size: 14px; font-weight: 600;
  padding: 14px 26px; border-radius: 999px; cursor: pointer;
  background: var(--steza-blue); color: var(--white); border: 1px solid var(--steza-blue);
  transition: background .2s ease, transform .2s ease;
}
.steza-btn:hover { background: var(--steza-blue-deep); transform: translateY(-1px); }
.steza-btn--ghost { background: transparent; color: var(--steza-blue); }
.steza-btn--ghost:hover { background: rgba(30,71,201,0.06); }