/* ============================================
   LEVIIA SCHEDULE - BASE STYLES
   ============================================
   Light reset, base typography, and generic accessibility rules
   (framework-independent) shared across all pages. Under Tailwind/
   daisyUI there are no more Bulma classes (.section/.title/
   .notification/...) and no more home-grown .skip-link/.is-sr-only
   (replaced by the Tailwind sr-only/focus:not-sr-only utilities directly
   in the templates), and no more fixed padding-top either (the header is
   "sticky", not "fixed", so it stays in the document's normal flow).
   Tailwind's preflight already resets the default margins on
   p/ul/ol/li - this file only restores base typography for text that
   doesn't use explicit utility classes (error pages, help pages, etc.).
   ============================================ */

p {
    margin-bottom: 1rem;
}

ul,
ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

li {
    margin-bottom: 0.25rem;
}

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

figcaption {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-top: 0.5rem;
    text-align: center;
}

/* ============================================
   FOCUS VISIBLE
   ============================================ */
:focus-visible,
a:focus-visible {
    outline: 3px solid var(--app-color-primary);
    outline-offset: 2px;
}

/* ============================================
   REDUCED MOTION
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}