/* Align with public/js/tailwind-config.js (background / on-background) */
html.dark {
    scroll-padding-top: 7rem; /* matches scroll-pt-28 — clears fixed nav for in-page anchors */
}

body {
    background-color: #0a1315;
    color: #d6e5e5;
    scroll-behavior: smooth;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glow-sm {
    text-shadow: 0 0 15px rgba(10, 186, 181, 0.5);
}

.glass-card,
.glass-panel {
    background: rgba(26, 43, 44, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(10, 186, 181, 0.2);
}

/* Services detail hero — class was referenced but previously undefined */
.hero-gradient {
    background: radial-gradient(ellipse 85% 55% at 50% -25%, rgba(10, 186, 181, 0.14), transparent 55%),
        linear-gradient(180deg, #0a1315 0%, #0a1315 100%);
}