:root{--font-mono: "Fira Code", "SF Mono", Monaco, "Cascadia Code", monospace;--font-geist-mono: "Geist Mono", "Fira Code", "SF Mono", Monaco, monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-jakarta: "Plus Jakarta Sans", system-ui, sans-serif;--page-bg: #fafafa;--page-bg-rgb: 250, 250, 250;--surface-bg: #ffffff;--surface-bg-subtle: #f5f6fb;--surface-bg-hover: rgba(124, 105, 247, .08);--text-primary: #171721;--text-secondary: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--border-subtle: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--accent: #6b58e6;--accent-hover: #5848d0;--accent-soft: rgba(124, 105, 247, .1);--accent-border: rgba(124, 105, 247, .22);--scrollbar-track: transparent;--scrollbar-thumb: rgba(107, 88, 230, .18);--scrollbar-thumb-strong: rgba(107, 88, 230, .35);--scrollbar-thumb-edge: transparent;--scrollbar-glow: transparent;--custom-grid-line: rgba(124, 105, 247, .05);--custom-grid-stop: rgba(var(--page-bg-rgb), 0);--custom-grid-gradient: linear-gradient( to bottom, rgba(var(--page-bg-rgb), 0) 0%, rgba(var(--page-bg-rgb), .72) 55%, var(--page-bg) 100% )}:root[data-theme=dark]{--page-bg: #0a0910;--page-bg-rgb: 10, 9, 16;--surface-bg: #111118;--surface-bg-subtle: rgba(255, 255, 255, .04);--surface-bg-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: rgba(255, 255, 255, .45);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--accent: #7c69f7;--accent-hover: #8b7bf7;--accent-soft: rgba(124, 105, 247, .15);--accent-border: rgba(124, 105, 247, .3);--scrollbar-track: transparent;--scrollbar-thumb: rgba(124, 105, 247, .18);--scrollbar-thumb-strong: rgba(124, 105, 247, .35);--scrollbar-thumb-edge: transparent;--scrollbar-glow: transparent;--custom-grid-line: rgba(124, 105, 247, .05);--custom-grid-stop: rgba(var(--page-bg-rgb), 0);--custom-grid-gradient: linear-gradient( to bottom, rgba(var(--page-bg-rgb), 0) 0%, rgba(var(--page-bg-rgb), .5) 50%, var(--page-bg) 100% )}body{background-color:var(--page-bg)!important;color:var(--text-primary)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html,*{scrollbar-gutter:stable}@supports not selector(::-webkit-scrollbar){html,*{scrollbar-color:rgba(124,105,247,.5) transparent;scrollbar-width:thin}}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#7c69f708;border-radius:999px;margin:4px}*::-webkit-scrollbar-thumb:vertical{background:linear-gradient(180deg,#7c69f700,#7c69f7cc 15%,#a78bfa,#7c69f7cc 85%,#7c69f700);border-radius:999px;border:1px solid rgba(167,139,250,.1);background-clip:padding-box}*::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#7c69f700,#7c69f7cc 15%,#a78bfa,#7c69f7cc 85%,#7c69f700);border-radius:999px;border:1px solid rgba(167,139,250,.1);background-clip:padding-box}*::-webkit-scrollbar-thumb:vertical:hover{background:linear-gradient(180deg,#7c69f71a,#7c69f7 15%,#a78bfa,#7c69f7 85%,#7c69f71a)}*::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,#7c69f71a,#7c69f7 15%,#a78bfa,#7c69f7 85%,#7c69f71a)}*::-webkit-scrollbar-corner{background:transparent}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}.homepage-container,.blog-container,.blog-post-container,.blog-page{background-color:var(--page-bg)!important;color:var(--text-primary)!important}.features-section{background:linear-gradient(to bottom,rgba(var(--page-bg-rgb),.88),var(--surface-bg-subtle))!important;border-top-color:var(--border-subtle)!important}:root[data-theme=dark] .features-section{background:rgba(var(--page-bg-rgb),.5)!important}.grid-background{background-image:linear-gradient(90deg,var(--custom-grid-line) 2.5%,transparent 2.5%),linear-gradient(180deg,var(--custom-grid-line) 2.5%,transparent 2.5%)!important}.grid-gradient{background:var(--custom-grid-gradient)!important}.homepage-header,.blog-header{border-bottom-color:var(--border-subtle)!important}.hero-title,.features-title,.feature-title,.blog-title,.post-title,.sidebar-heading,.brand-text,.column-heading,.pagination-text,.article-title,.newsletter-title,.site-footer-name{color:var(--text-primary)!important}.article-content{color:var(--text-secondary)!important}.announcement-text,.hero-subtitle,.features-subtitle,.feature-description,.blog-description,.post-description,.nav-link,.author-name,.read-time,.link-text,.brand-description,.column-link,.copyright,.article-subtitle,.site-footer-copyright,.site-footer-link{color:var(--text-muted)!important}.nav-link:hover,.nav-button:hover,.column-link:hover,.footer-link:hover,.site-footer-link:hover{color:var(--text-primary)!important}.nav-link.active,.post-category,.tag-pill.active,.tag-pill:hover,.sidebar-link.active .link-text,.sidebar-link.active .link-icon,.breadcrumb-link,.breadcrumb-category{color:var(--accent)!important}.nav-divider,.post-separator{background:var(--border-subtle)!important;border-color:var(--border-subtle)!important}.bottom-border{border-color:var(--border-subtle)!important}.nav-button,.btn-primary,.feature-card,.tag-pill,.post-image-container,.search-container,.blog-footer,.pagination-btn,.author-avatar,.newsletter-form input{background:var(--surface-bg)!important;border-color:var(--border-subtle)!important}.nav-button,.footer-copyright,.footer-link{color:var(--text-secondary)!important}.footer-logo{color:var(--text-secondary)}.footer-logo path{fill:currentColor}.btn-primary{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}.btn-primary:hover{background:var(--accent-hover)!important}.btn-secondary{background:transparent!important;border-color:var(--border-strong)!important;color:var(--text-secondary)!important}.btn-secondary:hover{background:var(--surface-bg)!important;border-color:var(--accent-border)!important;color:var(--text-primary)!important}.feature-card{box-shadow:0 4px 8px #0f172a0d}:root[data-theme=dark] .feature-card{box-shadow:none}.nav-button:hover,.pagination-btn:hover,.sidebar-link:hover,.tag-pill:hover,.tag-pill.active,.sidebar-link.active{background:var(--accent-soft)!important;border-color:var(--accent-border)!important}.feature-card:hover{background:var(--surface-bg-hover)!important;border-color:var(--accent-border)!important}.search-input{color:var(--text-primary)!important}.search-input::placeholder{color:var(--text-muted)!important}
