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

html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', ui-sans-serif, sans-serif;
    font-feature-settings: 'cv11' 1, 'ss01' 1;
    letter-spacing: -0.01em;
    overflow-x: clip;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em;
}

/* Scrollbar fine et discrète */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #b2c8c4; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #7fb3ad; }

/* Sélecteur d'heure */
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0.35;
    cursor: pointer;
}

/* Blazor */
dialog:not([open]) { display: none; }

.blazor-error-boundary {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    margin: 0.75rem 0;
    font-size: 0.8125rem;
}

/* ── Changement de jour façon « page » (swipe mobile + chevrons) ──
   La nouvelle journée glisse depuis le côté d'où l'on vient. */
@keyframes day-slide-in-right {
    from { transform: translateX(48px); opacity: 0; }
    to   { transform: none; opacity: 1; }
}
@keyframes day-slide-in-left {
    from { transform: translateX(-48px); opacity: 0; }
    to   { transform: none; opacity: 1; }
}
.day-slide-in-right { animation: day-slide-in-right .28s cubic-bezier(.2, .7, .3, 1); }
.day-slide-in-left  { animation: day-slide-in-left  .28s cubic-bezier(.2, .7, .3, 1); }
@media (prefers-reduced-motion: reduce) {
    .day-slide-in-right, .day-slide-in-left { animation: none; }
}