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

body {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
.font-serif {
  font-family: "Noto Serif", serif;
}

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

.text-rose-gradient {
  background: linear-gradient(135deg, #f48d17 0%, #f9d4ab 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* In your CSS file */
.dark .editorial-shadow {
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
}