@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
    
    /* Базовая тема (Черный + Белый) */
    :root {
        --bg: #000000;
        --text: #ffffff;
        --muted: #888888;
        --border: #333333;
        --accent: #D71921;
    }

    /* --- ПРЕМИАЛЬНЫЕ ЦВЕТОВЫЕ СХЕМЫ --- */

    /* Белый + Черный */
    html[data-theme="white-black"] {
        --bg: #ffffff;
        --text: #000000;
        --muted: #666666;
        --border: #eeeeee;
    }

    /* Красный + Белый */
    html[data-theme="red-white"] {
        --bg: #D71921;
        --text: #ffffff;
        --muted: #ff9999;
        --border: #e63942;
    }

    /* Белый + Красный */
    html[data-theme="white-red"] {
        --bg: #ffffff;
        --text: #D71921;
        --muted: #e63942;
        --border: #fcced0;
    }

    /* Оранжевый + Черный (Индустриальный премиум) */
    html[data-theme="orange-black"] {
    /* Фирменный оранжевый Cosmic Orange (вместо #FF5A00) */
    --bg: #FF6F3D; 
    
    /* Глубокий графитовый / космический черный для лучшего контраста (вместо чистого #000000) */
    --text: #1C1C1E; 
    
    /* Приглушенный оттенок: темный кирпично-оранжевый для читаемости текста на нем */
    --muted: #511A07; 
    
    /* Граница: благородный матовый титаново-оранжевый (вместо #cc4800) */
    --border: #D8562A; 

    /* Дополнительно: розовато-оранжевый блик, имитирующий выцветание рамки */
    --frame-accent: #FFA07A; 
}


    /* Серый + Черный (Студийный монохром) */
    html[data-theme="gray-black"] {
        --bg: #F5F5F7;
        --text: #1D1D1F;
        --muted: #86868B;
        --border: #D2D2D7;
    }

    /* Глубокий синий + Золото (Классический люкс) */
    html[data-theme="navy-gold"] {
        --bg: #0A1128;
        --text: #F4D35E;
        --muted: #A8C256;
        --border: #1C2541;
    }

    /* Стили страницы */
    body {
        background-color: var(--bg);
        color: var(--text);
        font-family: 'Oswald', sans-serif;
        margin: 0;
        padding: 40px;
        transition: background-color 0.4s, color 0.4s, border-color 0.4s;
    }

    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--border);
        padding-bottom: 20px;
        font-family: 'Oswald', monospace;
        font-size: 14px;
        transition: border-color 0.4s;
    }

    .red-dot {
        color: var(--accent);
    }

    /* Кастомный минималистичный селектор тем */
    .theme-select {
        background: transparent;
        color: var(--text);
        border: 1px solid var(--border);
        font-family: 'Oswald';
        text-transform: uppercase;
        transition: border-color 0.2s, color 0.2s;
    }

    .theme-select:hover {
        border-color: var(--text);
    }

    .theme-select option {
        background: #000000;
        color: #ffffff;
    }

    .hero {
        padding: 80px 0;
    }

    h1 {
        font-size: 64px;
        font-weight: 300; /* Теперь работает, т.к. подключили 300 вес */
        margin: 0 0 20px 0;
        letter-spacing: -2px;
        font-family: 'Oswald', sans-serif; /* Явно указал для надежности */
    }

    p {
        color: var(--muted);
        font-size: 18px;
        max-width: 400px;
        line-height: 1.5;
        transition: color 0.4s;
    }

    .btn {
        display: inline-block;
        background: transparent;
        color: var(--text);
        border: 1px solid var(--text);
        padding: 15px 30px;
        font-family: 'Oswald', monospace;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 30px;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    }

    .btn:hover {
        background: var(--text);
        color: var(--bg);
    }
    /* Стили для блока профиля */
.profile-info {
    margin-top: 40px;
    max-width: 400px;
}

.profile-line {
    display: block;
    width: 60px;
    height: 2px;
    background-color: var(--accent); /* Используем красный акцент */
    margin-bottom: 20px;
}

.profile-info p {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 10px 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.label {
    color: var(--muted);
    font-weight: 300;
}