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

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.soft-ambient-shadow {
  box-shadow: 0px 10px 30px rgba(142, 148, 242, 0.08);
}

.floating-interaction:active {
  transform: scale(0.98);
}

body {
  min-height: max(884px, 100dvh);
}