/* Generated by tools/blog_manager.py. Edit with the blog manager UI. */
:root {
    --page-glow: rgba(37, 99, 235, 0.08);
    --page-overlay-top: rgba(241, 245, 249, 0.54);
    --page-overlay-bottom: rgba(248, 250, 252, 0.86);
    --page-image-tint: rgba(37, 99, 235, 0.14);
    --sidebar-bg: #f8fafc;
    --sidebar-panel: #ffffff;
    --sidebar-muted: #64748b;
    --sidebar-border: #dbe4f0;
    --sidebar-hover: #eff6ff;
    --sidebar-active: linear-gradient(90deg, rgba(37, 99, 235, 0.18), rgba(8, 145, 178, 0.1));
    --sidebar-input-border: #cbd5e1;
    --sidebar-chip-bg: #e0f2fe;
    --sidebar-mark-border: #bfdbfe;
    --border-color: #dbe4f0;
    --strong-border: #b6c7dc;
    --accent-color: #2563eb;
    --accent-strong: #1d4ed8;
    --accent-soft: rgba(37, 99, 235, 0.13);
    --warning-color: #64748b;
    --code-accent: #0891b2;
}

[data-theme="dark"] {
    --page-glow: rgba(96, 165, 250, 0.11);
    --page-overlay-top: rgba(15, 23, 42, 0.3);
    --page-overlay-bottom: rgba(15, 23, 42, 0.7);
    --page-image-tint: rgba(96, 165, 250, 0.18);
    --sidebar-bg: #0f172a;
    --sidebar-panel: #111827;
    --sidebar-muted: #94a3b8;
    --sidebar-border: rgba(148, 163, 184, 0.18);
    --sidebar-hover: rgba(96, 165, 250, 0.12);
    --sidebar-active: linear-gradient(90deg, rgba(96, 165, 250, 0.26), rgba(34, 211, 238, 0.1));
    --sidebar-input-border: rgba(148, 163, 184, 0.2);
    --sidebar-chip-bg: rgba(96, 165, 250, 0.12);
    --sidebar-mark-border: rgba(125, 211, 252, 0.22);
    --border-color: #263548;
    --strong-border: #3f5874;
    --accent-color: #60a5fa;
    --accent-strong: #bfdbfe;
    --accent-soft: rgba(96, 165, 250, 0.15);
    --warning-color: #94a3b8;
    --code-accent: #67e8f9;
}