/**
 * ============================================================================
 * SYSWARDEN ASTRO THEME CSS
 * Description: Deep dark mode, glassmorphism, grids, and strict monospace.
 * ============================================================================
 */

:root {
    /* The core DevSecOps monospace stack requested */
    --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* --- ASTRO GRID BACKGROUND --- */
.bg-grid-pattern {
    background-size: 30px 30px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, black 30%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 100%);
}

.dark .bg-grid-pattern {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* --- ORB GLOW EFFECT (Hero Section) --- */
.hero-glow {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 60vw;
    height: 50vh;
    background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, rgba(0,0,0,0) 70%);
    filter: blur(60px);
    z-index: 0;
    pointer-events: none;
}

/* --- SCROLLBAR ORCHESTRATION --- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(156, 163, 175, 0.2);
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.6);
}