/* ─────────────────────────────────────────
   RESET
───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; }
body {
  font-family: 'Onest', 'Segoe UI', sans-serif;
  letter-spacing: 0.01em;
  color: #1a1a1a;
  background: #fff;
  min-width: 360px;
}
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
ul { list-style: none; }
img { display: block; max-width: 100%; }
address { font-style: normal; }

pre {
    white-space: pre; /* Разрешить переносы строк */
    font-family: inherit; /* Использовать шрифт родителя */
    margin: 0;           /* Убрать внешние отступы */
    padding: 0;          /* Убрать внутренние отступы */
}

/* ─────────────────────────────────────────
   CSS CUSTOM PROPERTIES
───────────────────────────────────────── */
:root {
  --purple:      #57159E;
  --purple-btn:  #7B34A4;
  --gray-border: #e5e7eb;
  --gray-bg:     #f7f7f7;
  --white:       #ffffff;
  --gray-light:  #EAEAEA;
  --gray-text:   #6b7280;
  --gray-dark:   #374151;
  --gray-mid:    #4b5563;
  --black:       #202020;
  --container:   1600px;
}