html {
  scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}
.scanline {
    background: linear-gradient(to bottom, transparent 50%, rgba(76, 215, 246, 0.05) 50%);
    background-size: 100% 4px;
}
.data-grid {
    background-image: radial-gradient(rgba(76, 215, 246, 0.1) 1px, transparent 1px);
    background-size: 30px 30px;
}
.glass-card {
    background: rgba(31, 42, 61, 0.6);
    backdrop-filter: blur(20px);
}

/* Custom Utilities for aesthetic */
.glow-on-hover:hover {
    box-shadow: 0 0 12px 4px rgba(76, 215, 246, 0.4);
}

.glow-point {
    box-shadow: 0 0 8px 2px rgba(76, 215, 246, 0.4);
}

.ambient-shadow {
    box-shadow: 0 20px 50px rgba(0, 42, 120, 0.3);
}

.button-gradient {
    background: linear-gradient(135deg, #b4c5ff, #2563eb);
}

.tonal-shift-bg {
    background-color: #071325;
}