/* Light-green theme for the Django admin, matching the digimus palette. */

:root,
html[data-theme="light"] {
    --primary: #7cc36b;
    --secondary: #5ea655;
    --accent: #b9e3a7;
    --primary-fg: #ffffff;

    --body-bg: #f6fbf2;
    --darkened-bg: #eaf7e1;
    --selected-bg: #d6efc6;
    --selected-row: #eaf7e1;

    --header-bg: #5ea655;
    --header-color: #ffffff;
    --header-link-color: #ffffff;
    --header-branch-color: #b9e3a7;
    --header-branch-link-color: #ffffff;

    --breadcrumbs-bg: #7cc36b;
    --breadcrumbs-fg: rgba(255, 255, 255, 0.92);
    --breadcrumbs-link-fg: #ffffff;

    --link-fg: #5ea655;
    --link-hover-color: #1f3d1a;
    --link-selected-fg: #5ea655;

    --button-bg: #7cc36b;
    --button-hover-bg: #5ea655;
    --button-fg: #ffffff;
    --default-button-bg: #5ea655;
    --default-button-hover-bg: #1f3d1a;

    --object-tools-bg: #5ea655;
    --object-tools-fg: #ffffff;
    --object-tools-hover-bg: #1f3d1a;

    --close-button-bg: #94b58e;
    --close-button-hover-bg: #587a55;

    --message-success-bg: #dff1d3;
}

html[data-theme="dark"] {
    --primary: #7cc36b;
    --secondary: #b9e3a7;
    --accent: #b9e3a7;
    --primary-fg: #ffffff;

    --body-bg: #16221e;
    --darkened-bg: #1d2c25;
    --selected-bg: #2a4f23;
    --selected-row: #1f3d1a;

    --header-bg: #2a4f23;
    --header-color: #d8f0cc;
    --header-link-color: #ffffff;

    --breadcrumbs-bg: #1f3d1a;
    --breadcrumbs-fg: #d8f0cc;
    --breadcrumbs-link-fg: #ffffff;

    --link-fg: #b9e3a7;
    --link-hover-color: #ffffff;

    --button-bg: #5ea655;
    --button-hover-bg: #7cc36b;
    --default-button-bg: #7cc36b;
    --default-button-hover-bg: #b9e3a7;

    --object-tools-bg: #5ea655;
    --object-tools-hover-bg: #7cc36b;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

body.login #content {
    padding-top: 1.5rem;
}
body.login .submit-row input {
    background: var(--button-bg);
}
body.login .submit-row input:hover {
    background: var(--button-hover-bg);
}