/* Petrol istasyonu — Node.js panelindeki koyu tema paletiyle Django Admin'i yeniden giydirme. */

:root,
html[data-theme="light"],
html[data-theme="dark"] {
    --primary: #3b82f6;
    --secondary: #171a21;
    --accent: #3b82f6;
    --primary-fg: #ffffff;

    --body-fg: #e4e6eb;
    --body-bg: #0f1115;
    --body-quiet-color: #8a8f98;
    --body-medium-color: #c3c6cf;
    --body-loud-color: #ffffff;

    --header-color: #e4e6eb;
    --header-branding-color: #3b82f6;
    --header-bg: #171a21;
    --header-link-color: #e4e6eb;

    --breadcrumbs-fg: #8a8f98;
    --breadcrumbs-link-fg: #e4e6eb;
    --breadcrumbs-bg: #171a21;

    --link-fg: #60a5fa;
    --link-hover-color: #93c5fd;
    --link-selected-fg: #3b82f6;

    --hairline-color: #2a2e37;
    --border-color: #2a2e37;

    --error-fg: #ef4444;

    --message-success-bg: #14301f;
    --message-warning-bg: #3a2f14;
    --message-error-bg: #3a1414;

    --darkened-bg: #171a21;
    --selected-bg: #20242e;
    --selected-row: #20242e;

    --button-fg: #ffffff;
    --button-bg: #3b82f6;
    --button-hover-bg: #2563eb;
    --default-button-bg: #3b82f6;
    --default-button-hover-bg: #2563eb;
    --close-button-bg: #2a2e37;
    --close-button-hover-bg: #3a3f4b;
    --delete-button-bg: #ef4444;
    --delete-button-hover-bg: #dc2626;

    --object-tools-fg: #ffffff;
    --object-tools-bg: #2a2e37;
    --object-tools-hover-bg: #3a3f4b;

    color-scheme: dark;
}

/* Django'nun kendi otomatik/aydınlık-koyu tema anahtarını gizle — bu proje sadece koyu tema kullanıyor. */
.theme-toggle {
    display: none !important;
}

#nav-sidebar {
    background-color: var(--darkened-bg);
    border-right: 1px solid var(--hairline-color);
}

#nav-sidebar .module th, #nav-sidebar .module caption {
    color: var(--body-quiet-color);
}

#branding h1, #branding h1 a:link, #branding h1 a:visited {
    color: var(--header-branding-color);
    font-weight: 700;
}

.module h2, .module caption, .inline-group h2 {
    background: var(--darkened-bg);
    color: var(--body-fg);
}

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=tel], input[type=date], input[type=time],
textarea, select,
.vTextField, .vDateField, .vTimeField, .vURLField, .vIntegerField {
    background-color: #0f1115;
    color: var(--body-fg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.button, input[type=submit], input[type=button], .submit-row input {
    border-radius: 4px;
}

.object-tools a.addlink {
    background-color: var(--button-bg);
}

table thead th, .change-list table thead th {
    background: var(--darkened-bg);
}

a.section, .breadcrumbs a {
    color: var(--header-link-color);
}
