/* Шрифты: заголовки — Cormorant Garamond, основной текст — Outfit, акценты — Space Grotesk */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Outfit:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');

:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Outfit', system-ui, sans-serif;
  --font-accent: 'Space Grotesk', system-ui, sans-serif;
  --color-bg: #0c0b0a;
  --color-surface: #161412;
  --color-text: #e8e4e0;
  --color-muted: #8c8782;
  --color-accent: #c9a962;
  --color-accent-hover: #d4b872;
  --radius: 12px;
  --radius-sm: 8px;
  --transition: 0.25s ease;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition);
}

a:hover {
  color: var(--color-accent-hover);
}

button {
  font-family: var(--font-accent);
  cursor: pointer;
  border: none;
  transition: transform var(--transition), background var(--transition), color var(--transition);
}

button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

input, select, textarea {
  font-family: var(--font-body);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Базовые адаптивные правила */
@media (max-width: 768px) {
  body {
    font-size: 15px;
  }
}

/* Учёт безопасных зон (вырезы, индикатор) */
@supports (padding: max(0px)) {
  body {
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
  }
}