/* Empêche le gras/italique synthétiques */
html {
    font-synthesis: none;
}

:root {
    color-scheme: dark;
    --focus-ring: 0 0 0 2px var(--color2);
    --radius-sm: .35rem;
    --radius: .6rem;
    --radius-lg: .75rem;
    --shadow-lg: 0 10px 20px rgba(0,0,0,.35);
    --motion-fast: .15s;
    --backgroundTopLeft: rgba(92,18,28,0.6);
    --backgroundBottomRight: #121212;
    --bg: #121214;
    --titre: #FFB65A; /* or pour titres */
    --subTitle: #00E0FF;
    --fg: #FFFFFF;
    --footer: #C5C4CF;
    --color1: #FF1E56;
    --color2: #00E0FF;
    --hoverColor: rgba(0,224,255,0.16);
    --shadowHoverColor: rgba(0,224,255,0.18);
    --shadowBorderColor: rgba(255,30,86,0.18);
    --variation: linear-gradient(120deg,var(--color2),var(--color1));
    --acc1: #00E0FF;
    --acc2: #FF1E56;
    --panel: #121A2E;
    /*--panel: linear-gradient(180deg, #16213B 0%, #0D1224 100%);*/
    --fondSombre: #0f111a; /* fond sombre par défaut */

    --textePolice: "Inter", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
    --titrePolice: "Exo 2", "Inter", sans-serif;
    --ctl-h: 38px;
    --border: 1px solid rgba(255,255,255,.08);
    --tailleTexteBase: 18px;
    --tailleTexteDanger: 16px;
    --fondPanneauColor: #ffffff05;
    --backgroundInput: #242428;
    --backgroundInfo: #1A1A1E;
    /* Tableau */
    --lineColor: #ffffff14;
    --headerBorderBottomLink: 1px dashed var(--color2);
    --headerBorderBottomLinkHover: 1px dashed var(--color1);
    /* Dashboard */
    --backgroundBoutonMenuDashboard: rgba(5,7,12,.72);
    --backgroundMenuDashboard: rgba(5,7,12,.72);
    --backgroundPopUp: rgba(5,7,12,1);
    --backgroundTicketPanel: rgba(255,255,255,.02);
    --borderBouton: 1px solid rgba(255,255,255,.06);
    --backgroundTicketActif: rgba(255,255,255,.03);
    --borderSelect: 1px solid rgba(255,255,255,.12);
    --backgroundPillOpen: rgba(46,204,113,.06);
    --backgroundPillClosed: rgba(231,76,60,.06);
    --borderMsg: 1px solid rgba(255,255,255,.10);
    /* États */
    --dangerBackground: #2b1416;
    --dangerBorderColor: rgba(255,80,80,.35);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --motion-fast: 0s;
    }
}