:root {
    --bg-dark: #111827;
    --bg-sidebar: #1f2937;
    --bg-light: #f3f4f6;
    --surface: #ffffff;
    --surface-muted: #f8fafc;
    --border: #e5e7eb;
    --primary: #2563eb;
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;
    --text-light: #e5e7eb;
    --text-dark: #111827;
    --text-heading: #0f172a;
    --text-muted: #475569;
    --accent: #2563eb;
    --accent-weak: rgba(37, 99, 235, 0.12);
    --accent-soft: rgba(37, 99, 235, 0.18);
    --shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 10px 30px rgba(15, 23, 42, 0.16);
    --radius-lg: 14px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: var(--bg-light);
    color: var(--text-dark);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
    margin: 0 0 10px;
    color: var(--text-heading);
}

p {
    margin: 0 0 12px;
    color: var(--text-muted);
}

a {
    color: inherit;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Hide stray overlay buttons injected by extensions */
[title="Minimize"],
[aria-label="Minimize"],
[data-tooltip="Minimize"],
.minimize,
.minimize-btn,
.minimize-button {
    display: none !important;
}

body.section-admin {
    --accent: #2563eb;
    --accent-weak: rgba(37, 99, 235, 0.12);
    --accent-soft: rgba(37, 99, 235, 0.18);
    --info: #0ea5e9;
    --overlay: rgba(15, 23, 42, 0.45);
    --sidebar-item: rgba(255, 255, 255, 0.08);
    --sidebar-item-active: rgba(255, 255, 255, 0.14);
    --sidebar-divider: rgba(148, 163, 184, 0.3);
    --topbar-border-strong: rgba(255, 255, 255, 0.15);
    --topbar-border: rgba(255, 255, 255, 0.12);
    --topbar-border-weak: rgba(255, 255, 255, 0.1);
    --success-weak: rgba(22, 163, 74, 0.12);
    --success-border: rgba(22, 163, 74, 0.32);
    --danger-weak: rgba(220, 38, 38, 0.12);
    --danger-border: rgba(220, 38, 38, 0.32);
    --warning-weak: rgba(245, 158, 11, 0.12);
    --warning-border: rgba(245, 158, 11, 0.32);
    --shadow-soft: 0 2px 6px rgba(0, 0, 0, 0.15);
    --shadow-strong: 0 8px 20px rgba(0, 0, 0, 0.18);
    --shadow-panel: 0 12px 40px rgba(0, 0, 0, 0.18);
    --shadow-float: 0 10px 20px rgba(0, 0, 0, 0.12);
    --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-card-hover: 0 8px 20px rgba(0, 0, 0, 0.1);
    --shadow-thumb: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-sidebar: 0 10px 30px rgba(15, 23, 42, 0.35);
}

body.section-guard {
    --accent: #f59e0b;
    --accent-weak: rgba(245, 158, 11, 0.12);
    --accent-soft: rgba(245, 158, 11, 0.18);
}

body.section-ioc {
    --accent: #10b981;
    --accent-weak: rgba(16, 185, 129, 0.14);
    --accent-soft: rgba(16, 185, 129, 0.2);
}

body[data-theme="dark"] {
    --bg-light: #0b1220;
    --bg-dark: #0f172a;
    --bg-sidebar: #0f172a;
    --surface: #111827;
    --surface-muted: #0f172a;
    --border: #1f2937;
    --text-dark: #e5e7eb;
    --text-light: #e5e7eb;
    --text-heading: #f8fafc;
    --text-muted: #94a3b8;
    --overlay: rgba(0, 0, 0, 0.55);
    --sidebar-item: rgba(255, 255, 255, 0.06);
    --sidebar-item-active: rgba(255, 255, 255, 0.14);
    --sidebar-divider: rgba(148, 163, 184, 0.35);
    --topbar-border-strong: rgba(255, 255, 255, 0.12);
    --topbar-border: rgba(255, 255, 255, 0.1);
    --topbar-border-weak: rgba(255, 255, 255, 0.08);
}