/* ==================== ШРИФТЫ ==================== */
@font-face {
  font-family: 'Bonche';
  src: url('../assets/fonts/Bonche-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'AA Stetica';
  src: url('../assets/fonts/AA Stetica Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AA Stetica';
  src: url('../assets/fonts/AA Stetica Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* ==================== CSS-ПЕРЕМЕННЫЕ (ОБЩИЕ) ==================== */
:root {
  --bg-body: #eee9e3;
  --bg-inner: #FCFBF9;
  --text-primary: #1F1E1C;
  --text-secondary: #c7beb0;
  --text-white: #FCFBF9;
  --text-on-green: #282E2C;
  --pink: #EE86A3;
  --green: #ECEB71;
  --gray-line: #eee9e3;
}

/* ==================== БАЗОВЫЕ СТИЛИ ==================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'AA Stetica', sans-serif;
  color: var(--text-primary);
  background: var(--bg-body);
  margin: 0;
  display: flex;
  justify-content: center;
}

/* ==================== ОБЩИЕ ЭЛЕМЕНТЫ ==================== */
.section {
  position: relative;
  width: 100%;
}

.section-title {
  font-family: 'Bonche', sans-serif;
  font-weight: 300;
  color: var(--text-primary);
  line-height: 1.15;
}