/**
 * Design System myCFiA - Global overrides
 * Charge APRES Bootstrap pour overrider les composants
 * NE PAS redefinir les utilitaires Bootstrap ici
 */

/* ====================================
   Base Styles
   ==================================== */
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-family-content);
    font-size: var(--font-size-md);
    line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-title);
    line-height: 1.2;
}

/* ====================================
   LLM Content - Markdown rendered HTML
   Normalise le rendu du contenu genere par IA
   ==================================== */
.llm-content p {
    margin-bottom: 0.5rem;
}

.llm-content p:last-child {
    margin-bottom: 0;
}

.llm-content ul,
.llm-content ol {
    margin-bottom: 0.5rem;
    padding-left: 1.25rem;
}

.llm-content strong {
    font-weight: var(--font-weight-bold);
}

li > p {
    margin-bottom: 0;
}

/* OPS-018 : @import retires — ils etaient ignores par les navigateurs (non places
   en tete de fichier) donc jamais appliques. theme-selector.css est charge via app.js ;
   quick-access.css (ancienne home) et components/forms.css n'etaient pas utilises. */