@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Кастомная графитовая палитра (дублируем tailwind config) */
.bg-graphite-950 { background-color: #1a1a1c; }
.bg-graphite-900 { background-color: #2d2d30; }  
.bg-graphite-800 { background-color: #3a3a3e; }
.bg-graphite-700 { background-color: #434348; }

.border-graphite-900 { border-color: #2d2d30; }
.border-graphite-800 { border-color: #3a3a3e; }
.border-graphite-700 { border-color: #434348; }

.text-graphite-400 { color: #818189; }



/* Hero фон с картинкой и затемнением для читаемости текста */
.hero-bg {
    background: 
        /* Тёмный градиент поверх картинки (от более плотного внизу к чуть прозрачнее вверху) */
        linear-gradient(135deg, rgba(26, 26, 28, 0.4) 0%, rgba(26, 26, 28, 0.1) 100%),
        /* Сама картинка */
        url('/images/bg.webp');
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
}

/* Скрытие блоков до загрузки */
.block-loading {
    min-height: 100px;
}