/* ===========================================
   BASE — переменные и базовый сброс стилей
=========================================== */

/* Переменные: цвета, скругления, тень */
:root {
  --bg:          #1a1818;
  --card:        rgba(44, 36, 34, 0.92);
  --card-border: rgba(255, 255, 255, 0.07);
  --text:        #f3eeec;
  --muted:       #a09896;
  --faint:       #5e5654;
  --accent:      #e8ddd9;
  --primary:     #c9a88f;

  --radius:    26px;
  --radius-sm: 16px;
  --radius-xs: 12px;

  --shadow: 0 8px 36px rgba(0, 0, 0, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Сброс браузерных отступов */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(ellipse at 50% 38%, rgba(90, 50, 35, 0.18), transparent 55%),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

/* Убираем дефолтные стили у ссылок, кнопок, инпутов */
a, button, input { font: inherit; color: inherit; }
a               { text-decoration: none; }
button          { background: none; border: none; cursor: pointer; }
img             { display: block; max-width: 100%; }