:root {
    --space-gray-900: #121212;
    --space-gray-800: #1C1C1C;
    --space-gray-700: #2C2C2C;
    --space-gray-600: #424242;
    --space-gray-500: #5C5C5C;
    --space-gray-400: #7A7A7A;
    --space-gray-300: #B0B0B0;
    --space-gray-200: #D0D0D0;
    --space-gray-100: #E0E0E0;
    --space-gray-50: #F5F5F5;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--space-gray-200);
    background-color: var(--space-gray-900);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: var(--space-gray-100);
}

.bg-space-gray-900 { background-color: var(--space-gray-900); }
.bg-space-gray-800 { background-color: var(--space-gray-800); }
.bg-space-gray-700 { background-color: var(--space-gray-700); }
.text-space-gray-100 { color: var(--space-gray-100); }
.text-space-gray-200 { color: var(--space-gray-200); }
.text-space-gray-300 { color: var(--space-gray-300); }
.text-space-gray-400 { color: var(--space-gray-400); }
.text-space-gray-500 { color: var(--space-gray-500); }

.btn-primary {
    background-color: var(--space-gray-600);
    border-color: var(--space-gray-500);
    color: var(--space-gray-100);
    transition: all 0.3s ease;
}
.btn-primary:hover {
    background-color: var(--space-gray-700);
    border-color: var(--space-gray-600);
}

.navbar-brand img {
    transition: transform 0.3s ease;
}
.navbar-brand:hover img {
    transform: rotate(10deg);
}

.navbar-nav .nav-link {
    font-weight: 500;
    color: var(--space-gray-300) !important;
    transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover {
    color: var(--space-gray-100) !important;
}

.hero-section {
    background-image: url('../images/hero-mindful.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    min-height: 70vh;
}
.hero-overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.card {
    background-color: var(--space-gray-800);
    border: 1px solid var(--space-gray-700);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
}

.contact-form-container {
    background-color: var(--space-gray-800);
}

.form-control {
    background-color: var(--space-gray-700);
    border: 1px solid var(--space-gray-600);
    color: var(--space-gray-200);
}

.form-control:focus {
    background-color: var(--space-gray-700);
    border-color: var(--space-gray-500);
    box-shadow: 0 0 0 0.25rem rgba(122, 122, 122, 0.25);
    color: var(--space-gray-100);
}

.form-label {
    color: var(--space-gray-200);
}

.hover-text-space-gray-100:hover {
    color: var(--space-gray-100) !important;
}

/* Новые стили для секций */
.bg-gradient-gray {
    background: linear-gradient(135deg, var(--space-gray-900), var(--space-gray-800));
}

.bg-image-resilience {
    background-image: url('../images/resilience.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 50vh;
}
.bg-image-resilience .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}