:root {
  color-scheme: dark;
}

body {
  background-color: #131313;
  color: #e5e2e1;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

.glass-nav {
  background-color: rgba(19, 19, 19, 0.7);
  backdrop-filter: blur(20px);
}

.hero-gradient {
  background: linear-gradient(
    to bottom,
    rgba(19, 19, 19, 0.2) 0%,
    rgba(51, 0, 51, 0.4) 50%,
    rgba(19, 19, 19, 1) 100%
  );
}

.recessed-card {
  background-color: #0e0e0e;
}