html[data-theme="light"] {
    /* Шрифты */
    --font-family-primary:
        "Inter",
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol";

    --font-family-monospace:
        "JetBrains Mono",
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;

    /* Светлая, но чуть более насыщенная корпоративная палитра */
    --primary: #567f9c;
    --secondary: #476c86;
    --accent: #35ad37;
    --primary-fg: #ffffff;

    /* Базовые цвета */
    --body-bg: #f4f8fb;
    --body-fg: #24313a;
    --body-quiet-color: #63727d;
    --body-medium-color: #4d5d68;
    --body-loud-color: #162129;

    /* Header */
    --header-bg: #dfeaf2;
    --header-color: #22303a;
    --header-branding-color: #3f627b;
    --header-link-color: #22303a;

    /* Breadcrumbs */
    --breadcrumbs-bg: #e8f0f5;
    --breadcrumbs-fg: #5b6d79;
    --breadcrumbs-link-fg: #34586f;

    /* Links */
    --link-fg: #3a6884;
    --link-hover-color: #2c556d;
    --link-selected-fg: #24475c;

    /* Borders / surfaces */
    --hairline-color: #d8e2e9;
    --border-color: #c8d4dd;
    --darkened-bg: #eaf1f6;
    --selected-bg: #ddeaf4;
    --selected-row: #d8e7f2;

    /* Buttons */
    --button-fg: #ffffff;
    --button-bg: var(--secondary);
    --button-hover-bg: #3d5f76;
    --default-button-bg: var(--primary);
    --default-button-hover-bg: #4b728d;
    --close-button-bg: #78858f;
    --close-button-hover-bg: #66727b;
    --delete-button-bg: #bc5a5a;
    --delete-button-hover-bg: #a24a4a;

    /* Messages */
    --message-success-bg: #e8f5ec;
    --message-warning-bg: #fff5e6;
    --message-error-bg: #fbecec;

    /* Recent */
    --recent-add: #72a06a;
    --recent-change: var(--primary);
    --recent-delete: var(--delete-button-bg);
}

#header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

h1,
#site-name,
#user-tools,
#logout-form button {
    font-weight: 400;
}

h2 {
    font-weight: 500;
}

#nav-sidebar .module {
    margin: 8px 8px 30px 8px;
}

.module,
.inline-group,
.submit-row,
#changelist-filter,
.selector {
    border-radius: 8px;
    overflow: clip;
}

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

/* Обязательные поля: убрать слишком жирный bold */
.required label,
label.required {
    font-weight: 500;
}

#changelist table thead th {
    background: var(--darkened-bg);
}

#nav-sidebar {
    background: var(--darkened-bg);
    border-right: none;
}

#nav-sidebar tr:nth-child(odd),
#nav-sidebar tr:nth-child(even),
#nav-sidebar tr.alt {
    background: transparent;
}

#nav-sidebar tr.current-model {
    background: var(--selected-row);
}

#nav-filter {
    box-sizing: border-box;
    width: calc(100% - 16px);
    margin: 8px;
    padding: 6px 10px;

    color: var(--body-fg);
    background: var(--body-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    outline: none;
}

#nav-filter::placeholder {
    color: var(--body-quiet-color);
    opacity: 1;
}

#nav-filter:hover {
    border-color: var(--hairline-color);
}

#nav-filter:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);
}

#nav-filter.no-results {
    background: var(--message-error-bg);
}

/* Убрать зебру только на index-странице admin */
.dashboard .module table tr:nth-child(odd),
.dashboard .module table tr:nth-child(even),
.dashboard .module table tr.alt {
    background: transparent;
}

/* Последние действия */
#content-related {
    background: transparent;
}
#content-related h3 {
    font-weight: 500;
}

#recent-actions-module {
    background: var(--body-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: clip;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

#content-related .module h2 {
    font-size: 1rem;
}


/* Кнопка сворачивания sidebar */
.toggle-nav-sidebar {
    flex: 0 0 18px;
    width: 18px;
    border-right: 0;
    background-color: var(--darkened-bg);
}

.toggle-nav-sidebar:hover,
.toggle-nav-sidebar:focus {
    background-color: var(--selected-bg);
}

/* Для RTL тоже убираем разделитель */
[dir="rtl"] .toggle-nav-sidebar {
    border-left: 0;
}

nav#changelist-filter h2#changelist-filter-header {
    font-size: 0.75rem;
}