:root { --blog-over-primary: #2563eb; --blog-over-primary-hover: #1d4ed8; --blog-over-primary-light: #3b82f6; --blog-over-secondary: #1e40af; --blog-over-secondary-hover: #1d4ed8; --blog-over-accent: #8b5cf6;  --blog-over-bg-body: #f9fafb; --blog-over-bg-card: #ffffff; --blog-over-bg-widget: #ffffff; --blog-over-bg-header: #1f2937; --blog-over-bg-topbar: #111827; --blog-over-bg-footer: #1f2937; --blog-over-bg-input: #f3f4f6; --blog-over-bg-input-focus: #e5e7eb; --blog-over-bg-overlay: rgba(0, 0, 0, 0.5);
--blog-over-bg-code: #f3f4f6;  --blog-over-text-body: #374151; --blog-over-text-primary: #111827; --blog-over-text-secondary: #4b5563; --blog-over-text-muted: #6b7280; --blog-over-text-inverse: #f9fafb;  --blog-over-text-link: var(--blog-over-primary); --blog-over-text-link-hover: var(--blog-over-secondary); --blog-over-text-link-visited: #4f46e5;  --blog-over-heading-color: #111827; --blog-over-heading-inverse: #f9fafb;  --blog-over-border-color: #e5e7eb; --blog-over-border-light: #f3f4f6; --blog-over-border-dark: #d1d5db; --blog-over-border-focus: var(--blog-over-primary);  --blog-over-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
--blog-over-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
--blog-over-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--blog-over-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
--blog-over-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.04);
--blog-over-shadow-focus: 0 0 0 3px rgba(59, 130, 246, 0.2); --blog-over-gradient-primary: linear-gradient(135deg, var(--blog-over-primary), var(--blog-over-primary-hover));
--blog-over-gradient-secondary: linear-gradient(135deg, var(--blog-over-secondary), var(--blog-over-secondary-hover));
--blog-over-gradient-dark: linear-gradient(135deg, #1f2937, #111827);
--blog-over-gradient-light: linear-gradient(135deg, #f9fafb, #e5e7eb); --blog-over-error: #ef4444; --blog-over-error-bg: #fef2f2; --blog-over-error-dark: #dc2626;  --blog-over-link-color: var(--blog-over-primary); --blog-over-card-bg: var(--blog-over-bg-card);  --blog-over-badge-bg: var(--blog-over-primary); --blog-over-badge-text: #ffffff;
--blog-over-badge-hover-bg: var(--blog-over-secondary);  --blog-over-btn-primary-bg: var(--blog-over-primary); --blog-over-btn-primary-text: #ffffff;
--blog-over-btn-primary-hover-bg: var(--blog-over-secondary); --blog-over-btn-secondary-bg: #4b5563; --blog-over-btn-secondary-text: #ffffff; --blog-over-widget-bg: #ffffff;
--blog-over-widget-title-bg: transparent;
--blog-over-widget-title-color: #111827; --blog-over-widget-border: #e5e7eb; --blog-over-widget-text: #4b5563; --blog-over-widget-link: #4b5563; --blog-over-widget-link-hover: var(--blog-over-primary);  --blog-over-meta-color: #6b7280; --blog-over-meta-icon: #6b7280; --blog-over-meta-link: #6b7280; --blog-over-meta-link-hover: var(--blog-over-primary);  --blog-over-input-bg: #ffffff;
--blog-over-input-border: #d1d5db; --blog-over-input-text: #374151; --blog-over-input-placeholder: #6b7280;  --blog-over-table-header-bg: #f3f4f6; --blog-over-table-border: #e5e7eb; --blog-over-table-stripe: #f9fafb;  --blog-over-blockquote-bg: #f3f4f6; --blog-over-blockquote-border: var(--blog-over-primary); --blog-over-blockquote-text: #4b5563;  --blog-over-breadcrumb-bg: linear-gradient(135deg, #f9fafb 0%, #e5e7eb 100%);
--blog-over-breadcrumb-text: #6b7280; --blog-over-breadcrumb-link: var(--blog-over-primary); --blog-over-breadcrumb-current: #111827; --blog-over-breadcrumb-separator: #6b7280;  --blog-over-page-header-bg: #f3f4f6; --blog-over-page-header-text: #111827; --blog-over-page-header-link: #3b82f6; --blog-over-page-header-link-hover: #1e40af;  --blog-over-sidebar-widget-bg: #ffffff;
--blog-over-sidebar-title-color: #111827; --blog-over-sidebar-text: #4b5563; --blog-over-sidebar-link: #4b5563; --blog-over-sidebar-link-hover: var(--blog-over-primary);  --blog-over-comment-bg: #f9fafb; --blog-over-comment-border: #e5e7eb; --blog-over-comment-author: #111827; --blog-over-comment-text: #374151; --blog-over-comment-meta: #6b7280;  --blog-over-tag-bg: #f3f4f6; --blog-over-tag-text: #4b5563; --blog-over-tag-hover-bg: var(--blog-over-primary); --blog-over-tag-hover-text: #ffffff; --blog-over-share-bg: #f3f4f6; --blog-over-share-icon: #6b7280; --blog-over-share-hover-bg: var(--blog-over-primary); --blog-over-share-hover-icon: #ffffff; --blog-over-author-bg: #ffffff;
--blog-over-author-border: #e5e7eb; --blog-over-author-name: #111827; --blog-over-author-bio: #4b5563; --blog-over-author-link: var(--blog-over-primary);  --blog-over-related-bg: #ffffff;
--blog-over-related-border: #e5e7eb; --blog-over-related-title: #111827; --blog-over-related-meta: #6b7280;  --blog-over-postnav-bg: #f9fafb; --blog-over-postnav-border: #e5e7eb; --blog-over-postnav-label: #6b7280; --blog-over-postnav-title: #111827; --blog-over-postnav-hover: var(--blog-over-primary);  --blog-over-scroll-top-bg: var(--blog-over-primary); --blog-over-scroll-top-icon: #ffffff; --blog-over-mobile-menu-bg: #1f2937; --blog-over-mobile-menu-text: #f9fafb; --blog-over-mobile-menu-border: #374151; --blog-over-mobile-menu-link: #e5e7eb; --blog-over-mobile-menu-link-hover: var(--blog-over-primary-light);  --blog-over-search-modal-bg: #ffffff;
--blog-over-search-input-bg: #f3f4f6; --blog-over-search-btn-bg: var(--blog-over-primary);  --blog-over-nav-text: #f9fafb; --blog-over-nav-text-hover: var(--blog-over-primary-light); --blog-over-submenu-bg: #ffffff;
--blog-over-submenu-text: #374151; --blog-over-submenu-text-hover: var(--blog-over-primary); --blog-over-submenu-border: #e5e7eb;  --blog-over-footer-bg: #1f2937; --blog-over-footer-text: #9ca3af; --blog-over-footer-heading: #f9fafb; --blog-over-footer-link: #9ca3af; --blog-over-footer-link-hover: var(--blog-over-primary-light); --blog-over-footer-border: #374151;  --blog-over-card-title: #111827; --blog-over-card-title-hover: var(--blog-over-primary); --blog-over-card-excerpt: #4b5563; --blog-over-card-meta: #6b7280;  --blog-over-content-text: #374151; --blog-over-content-heading: #111827; --blog-over-content-link: var(--blog-over-primary); --blog-over-content-link-hover: var(--blog-over-secondary);  --blog-over-space-0: 0;
--blog-over-space-1: 0.25rem; --blog-over-space-2: 0.5rem; --blog-over-space-3: 0.75rem; --blog-over-space-4: 1rem; --blog-over-space-5: 1.25rem; --blog-over-space-6: 1.5rem; --blog-over-space-7: 1.75rem; --blog-over-space-8: 2rem; --blog-over-space-10: 2.5rem; --blog-over-space-12: 3rem; --blog-over-space-16: 4rem;  --blog-over-font-xs: 0.75rem; --blog-over-font-sm: 0.8125rem; --blog-over-font-base: 0.875rem; --blog-over-font-md: 0.9375rem; --blog-over-font-lg: 1rem; --blog-over-font-xl: 1.125rem; --blog-over-font-2xl: 1.25rem; --blog-over-font-3xl: 1.5rem; --blog-over-font-4xl: 1.875rem; --blog-over-font-5xl: 2.25rem;  --blog-over-leading-tight: 1.25;
--blog-over-leading-snug: 1.375;
--blog-over-leading-normal: 1.5;
--blog-over-leading-relaxed: 1.625;
--blog-over-leading-loose: 2; --blog-over-transition-base: all 0.3s ease;
--blog-over-transition-fast: all 0.2s ease;
--blog-over-transition-slow: all 0.4s ease;
--blog-over-transition-color: color 0.2s ease;
--blog-over-transition-transform: transform 0.2s ease;
--blog-over-transition-opacity: opacity 0.3s ease;
} body.blog-over-dark-mode { --blog-over-bg-body: #111827; --blog-over-bg-card: #1f2937; --blog-over-bg-widget: #1f2937; --blog-over-bg-header: #0f172a; --blog-over-bg-topbar: #030712; --blog-over-bg-footer: #0f172a; --blog-over-bg-input: #1f2937; --blog-over-bg-input-focus: #374151; --blog-over-bg-overlay: rgba(0, 0, 0, 0.75);
--blog-over-bg-code: #1f2937;  --blog-over-text-body: #d1d5db; --blog-over-text-primary: #f9fafb; --blog-over-text-secondary: #9ca3af; --blog-over-text-muted: #9ca3af; --blog-over-text-inverse: #111827;  --blog-over-text-link: #60a5fa; --blog-over-text-link-hover: #93c5fd;  --blog-over-heading-color: #f9fafb; --blog-over-heading-inverse: #111827;  --blog-over-border-color: #374151; --blog-over-border-light: #1f2937; --blog-over-border-dark: #4b5563; --blog-over-border-focus: #60a5fa;  --blog-over-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
--blog-over-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
--blog-over-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
--blog-over-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
--blog-over-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.25);
--blog-over-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.3); --blog-over-gradient-primary: linear-gradient(135deg, #2563eb, #1d4ed8);
--blog-over-gradient-secondary: linear-gradient(135deg, #1e40af, #1e3a8a);
--blog-over-gradient-dark: linear-gradient(135deg, #111827, #030712);
--blog-over-gradient-light: linear-gradient(135deg, #1f2937, #374151); --blog-over-error: #f87171; --blog-over-error-bg: #450a0a; --blog-over-error-dark: #ef4444;  --blog-over-link-color: var(--blog-over-primary-light); --blog-over-card-bg: var(--blog-over-bg-card);  --blog-over-badge-bg: #2563eb; --blog-over-badge-hover-bg: #3b82f6;  --blog-over-btn-primary-bg: #2563eb; --blog-over-btn-primary-hover-bg: #3b82f6;  --blog-over-widget-bg: #1f2937; --blog-over-widget-title-color: #f9fafb; --blog-over-widget-border: #374151; --blog-over-widget-text: #9ca3af; --blog-over-widget-link: #9ca3af; --blog-over-widget-link-hover: #60a5fa;  --blog-over-meta-color: #9ca3af; --blog-over-meta-icon: #9ca3af; --blog-over-meta-link: #9ca3af; --blog-over-meta-link-hover: #60a5fa;  --blog-over-input-bg: #1f2937; --blog-over-input-border: #374151; --blog-over-input-text: #f9fafb; --blog-over-input-placeholder: #9ca3af;  --blog-over-table-header-bg: #1f2937; --blog-over-table-border: #374151; --blog-over-table-stripe: #111827;  --blog-over-blockquote-bg: #1f2937; --blog-over-blockquote-border: #60a5fa; --blog-over-blockquote-text: #9ca3af;  --blog-over-breadcrumb-bg: linear-gradient(135deg, #1f2937 0%, #111827 100%);
--blog-over-breadcrumb-text: #9ca3af; --blog-over-breadcrumb-link: #60a5fa; --blog-over-breadcrumb-current: #f9fafb; --blog-over-breadcrumb-separator: #9ca3af;  --blog-over-page-header-bg: #0f172a; --blog-over-page-header-text: #f9fafb; --blog-over-page-header-link: #60a5fa; --blog-over-page-header-link-hover: #93c5fd;  --blog-over-sidebar-widget-bg: #1f2937; --blog-over-sidebar-title-color: #f9fafb; --blog-over-sidebar-text: #9ca3af; --blog-over-sidebar-link: #9ca3af; --blog-over-sidebar-link-hover: #60a5fa;  --blog-over-comment-bg: #1f2937; --blog-over-comment-border: #374151; --blog-over-comment-author: #f9fafb; --blog-over-comment-text: #d1d5db; --blog-over-comment-meta: #9ca3af;  --blog-over-tag-bg: #374151; --blog-over-tag-text: #9ca3af; --blog-over-tag-hover-bg: #60a5fa; --blog-over-tag-hover-text: #111827;  --blog-over-share-bg: #374151; --blog-over-share-icon: #9ca3af; --blog-over-share-hover-bg: #60a5fa; --blog-over-share-hover-icon: #111827;  --blog-over-author-bg: #1f2937; --blog-over-author-border: #374151; --blog-over-author-name: #f9fafb; --blog-over-author-bio: #9ca3af; --blog-over-author-link: #60a5fa;  --blog-over-related-bg: #1f2937; --blog-over-related-border: #374151; --blog-over-related-title: #f9fafb; --blog-over-related-meta: #9ca3af;  --blog-over-postnav-bg: #1f2937; --blog-over-postnav-border: #374151; --blog-over-postnav-label: #9ca3af; --blog-over-postnav-title: #f9fafb; --blog-over-postnav-hover: #60a5fa;  --blog-over-mobile-menu-link: #d1d5db; --blog-over-mobile-menu-link-hover: #60a5fa;  --blog-over-search-modal-bg: #1f2937; --blog-over-search-input-bg: #111827;  --blog-over-nav-text: #f9fafb; --blog-over-nav-text-hover: #60a5fa; --blog-over-submenu-bg: #1f2937; --blog-over-submenu-text: #d1d5db; --blog-over-submenu-text-hover: #60a5fa; --blog-over-submenu-border: #374151;  --blog-over-footer-bg: #0f172a; --blog-over-footer-text: #9ca3af; --blog-over-footer-heading: #f9fafb; --blog-over-footer-link: #9ca3af; --blog-over-footer-link-hover: #60a5fa; --blog-over-footer-border: #1f2937;  --blog-over-card-title: #f9fafb; --blog-over-card-title-hover: #60a5fa; --blog-over-card-excerpt: #9ca3af; --blog-over-card-meta: #6b7280;  --blog-over-content-text: #d1d5db; --blog-over-content-heading: #f9fafb; --blog-over-content-link: #60a5fa; --blog-over-content-link-hover: #93c5fd; }