/* Палитра Betachange: почти чёрный фон, тёмно-синие панели и голубой акцент. */

/* Принудительная тёмная тема Django admin: не зависит от темы браузера. */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
    color-scheme: dark;

    --primary: #102b42;
    --secondary: #091b2d;
    --accent: #70e5ff;

    --body-fg: #e7f4ff;
    --body-bg: #030a14;
    --body-quiet-color: #a0b8cc;
    --body-loud-color: #ffffff;

    --link-fg: #70e5ff;
    --link-hover-color: #c0f5ff;
    --link-selected-fg: #9ceeff;

    --hairline-color: #193247;
    --border-color: #28506a;

    --error-fg: #ff8f8a;
    --message-success-bg: #173b2b;
    --message-warning-bg: #4a3915;
    --message-error-bg: #4a1b1b;

    --darkened-bg: #081522;
    --selected-bg: #10283c;
    --selected-row: #12364d;

    --button-fg: #03131f;
    --button-bg: #00b8d9;
    --button-hover-bg: #00c8f0;
    --default-button-bg: #00c8f0;
    --default-button-hover-bg: #70e5ff;
    --close-button-bg: #88acc0;
    --close-button-hover-bg: #a7c9db;
}

:root,
html[data-theme="light"],
html[data-theme="dark"] {
    --header-color: #eaf7ff;
    --header-branding-color: #70e5ff;
    --header-bg: #102b42;
    --header-link-color: #eaf7ff;

    --breadcrumbs-fg: #a0b8cc;
    --breadcrumbs-link-fg: #70e5ff;
    --breadcrumbs-bg: #091b2d;
}

#header {
    background: linear-gradient(135deg, #103953 0%, #091b2d 100%);
    box-shadow: 0 4px 18px rgba(0, 5, 14, 0.45);
}

.breadcrumbs {
    background: #091b2d;
    border-top: 1px solid #28506a;
}

/* Страница входа */
body.login {
    background: #030a14;
}

body.login #container {
    border: 1px solid #28506a;
    border-radius: 26px;
    box-shadow: 0 20px 60px rgba(0, 5, 14, 0.55);
}

body.login .form-row #id_username,
body.login .form-row #id_password {
    background: #091b2d;
    border: 1px solid #28506a;
    border-radius: 10px;
    color: #eaf7ff;
}

body.login .form-row #id_username:focus,
body.login .form-row #id_password:focus {
    border-color: #00c8f0;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 200, 240, 0.25);
}

body.login .submit-row input[type="submit"] {
    background: linear-gradient(135deg, #00c8f0, #00b8d9);
    border: none;
    border-radius: 999px;
    padding: 10px 28px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0, 200, 240, 0.4);
}

body.login .submit-row input[type="submit"]:hover,
body.login .submit-row input[type="submit"]:focus {
    background: linear-gradient(135deg, #70e5ff, #00c8f0);
}

body.login .password-reset-link a {
    color: #70e5ff;
}

/* На красных кнопках удаления сохраняем светлый текст. */
.submit-row a.deletelink,
.delete-confirmation form input[type="submit"] {
    --button-fg: #ffffff;
}