/* Журнал SynthTax: тёмная тема сайта + светлая «Гроссбух» для чтения */
:root,
html[data-theme="dark"] {
    --primary: #3b82f6;
    --primary-strong: #2563eb;
    --bg: #020617;
    --bg-nav: rgba(2, 6, 23, 0.92);
    --bg-card: rgba(255, 255, 255, 0.03);
    --bg-table-head: rgba(59, 130, 246, 0.12);
    --bg-summary: rgba(59, 130, 246, 0.08);
    --bg-note: rgba(245, 158, 11, 0.08);
    --border: rgba(255, 255, 255, 0.1);
    --border-soft: rgba(148, 163, 184, 0.15);
    --border-summary: rgba(59, 130, 246, 0.28);
    --border-note: rgba(245, 158, 11, 0.28);
    --text: #e2e8f0;
    --text-strong: #f8fafc;
    --muted: #94a3b8;
    --muted-2: #64748b;
    --link: #93c5fd;
    --nav-link: #cbd5e1;
    --grid-line: rgba(59, 130, 246, 0.05);
    --note-text: #fde68a;
    --burger: #e2e8f0;
    --toggle-bg: rgba(255, 255, 255, 0.06);
    --toggle-border: rgba(255, 255, 255, 0.14);
    --toggle-hover: rgba(255, 255, 255, 0.12);
    --heading-font: 'Outfit', 'Segoe UI', sans-serif;
    --body-font: 'Outfit', 'Segoe UI', sans-serif;
    --card-shadow: none;
    color-scheme: dark;
}

/* Светлая тема по референсу Гроссбух */
html[data-theme="light"] {
    --primary: #1d4d3a;
    --primary-strong: #163c2d;
    --bg: #f5f3e9;
    --bg-nav: rgba(245, 243, 233, 0.94);
    --bg-card: #fffcf5;
    --bg-table-head: #e8efe9;
    --bg-summary: #eaf2ec;
    --bg-note: #f7efd8;
    --border: #d9d4c4;
    --border-soft: #e5e0d0;
    --border-summary: #b7c9bb;
    --border-note: #e2d2a0;
    --text: #2a322c;
    --text-strong: #14201a;
    --muted: #5a635c;
    --muted-2: #6e766f;
    --link: #1d4d3a;
    --nav-link: #334038;
    --grid-line: rgba(29, 77, 58, 0.06);
    --note-text: #6b4f12;
    --burger: #14201a;
    --toggle-bg: #fffcf5;
    --toggle-border: #cfc9b6;
    --toggle-hover: #efebe0;
    --heading-font: 'Literata', 'Georgia', 'Times New Roman', serif;
    --body-font: 'Source Sans 3', 'Segoe UI', sans-serif;
    --card-shadow: 0 1px 0 rgba(20, 32, 26, 0.04), 0 8px 24px rgba(20, 32, 26, 0.04);
    color-scheme: light;
}

#theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.7rem;
    border: 1px solid var(--toggle-border);
    background: var(--toggle-bg);
    color: var(--text-strong);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}

#theme-toggle:hover {
    background: var(--toggle-hover);
}

#theme-toggle:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}