:root {
    --main-color: #005FB8;
    --main-color-rgb: 0, 95, 184;
    --text-color: #ffffffe6;
    --pow-color: #ffffffbf;
    --ot-color: #ffffff73;
    --border: #252525d9;
    --button-back: #101010d9;
    --glow-color: #005FB8;
    --main-bg: #181818;
    --main-text: #fff;
    --accent: #E11C23;
    --accent-rgb: 225, 28, 35;
    --error: #ff3333;
    --success: #33cc66;
    --warning: #ffaa00;
    --border-radius: 8px;
    --input-bg: #232323;
    --input-border: #333;
    --input-text: #fff;
    --card-bg: rgba(20, 20, 20, 0.6);
    --card-border: rgba(0, 95, 184, 0.2);
    --secondary-color: #004D9F;
    --secondary-rgb: 0, 77, 159;
    --primary-light: #3F88D1;
    --primary-dark: #003A7D;
}

:root[data-theme="light"] {
    --text-color: #000000e6;
    --pow-color: #000000bf;
    --ot-color: #00000073;
    --border: rgba(0, 95, 184, 0.3);
    --button-back: rgba(255, 255, 255, 0.8);
    --main-bg: #f8f7ff;
    --main-text: #000;
    --input-bg: rgba(255, 255, 255, 1);
    --input-border: rgba(0, 95, 184, 0.25);
    --input-text: #000;
    --card-bg: rgba(255, 255, 255, 0.8);
    --card-border: rgba(0, 95, 184, 0.3);
}

/* Стили для логотипа */
.logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-img {
    height: 32px;
    width: auto;
}

.logo-link {
    display: flex;
    align-items: center;
}

/* Стили для иконки по умолчанию в features */
.default-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3rem;
    color: var(--main-color);
}

/* Настройки берутся из server.json через dynamic-config.css.php */