html[data-theme] body{--md-text-font:"DM Sans";--md-default-bg-color:var(--page-bg);--md-default-fg-color:var(--text);--md-default-fg-color--light:var(--muted);--md-default-fg-color--lighter:var(--muted);--md-primary-fg-color:var(--header-bg);--md-primary-bg-color:var(--text);--md-accent-fg-color:var(--green);--md-typeset-color:var(--text);--md-typeset-a-color:var(--green);--md-code-bg-color:var(--panel-bg);--md-code-fg-color:var(--text);--md-footer-bg-color:var(--header-bg);--md-footer-fg-color:var(--text);--md-footer-fg-color--light:var(--muted);--md-footer-bg-color--dark:var(--raised-bg)}
body{font-family:'DM Sans',sans-serif}.md-typeset h1,.md-typeset h2,.md-typeset h3{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.025em}.md-header{box-shadow:none;top:var(--site-header-height,0px)}.md-tabs{background:var(--header-bg);color:var(--text)}.md-search__form,.md-search__scrollwrap{background:var(--panel-bg);color:var(--text)}.md-search__input{color:var(--text)}.md-typeset .grid.cards>ul>li,.md-typeset .admonition{border-radius:8px}.md-header__button.md-logo{display:none}.md-header__topic{font-family:Manrope,sans-serif}.site-header{font-size:14px}.md-typeset table:not([class]){background:var(--raised-bg)}

/* Encadrés lisibles dans les deux thèmes, indépendamment des bordures du site. */
html[data-theme=light]{--doc-frame:#8c9fb7;--doc-frame-shadow:#25364b14}
html[data-theme=dark]{--doc-frame:#7893b4;--doc-frame-shadow:#00000030}
.md-typeset .grid.cards>ul>li{background:var(--panel-bg);border:1px solid var(--doc-frame);box-shadow:0 3px 10px var(--doc-frame-shadow);padding:1.1rem}
.md-typeset .grid.cards>ul>li:hover{border-color:var(--green);box-shadow:0 5px 16px var(--doc-frame-shadow)}
.md-typeset .admonition,.md-typeset details{background:var(--raised-bg);border-width:1px 1px 1px 4px;box-shadow:0 3px 10px var(--doc-frame-shadow)}
/* Remplace les couleurs de texte du thème jour de Material en mode sombre. */
html[data-theme=dark] .md-typeset .admonition,
html[data-theme=dark] .md-typeset details{color:var(--text);background:var(--panel-bg)}
html[data-theme=dark] .md-typeset .admonition-title,
html[data-theme=dark] .md-typeset details>summary{color:var(--text)}
.md-typeset .highlight{border:1px solid var(--doc-frame);border-radius:8px;overflow:hidden}
.md-typeset .highlight pre{margin:0}
.md-typeset table:not([class]){border:1px solid var(--doc-frame)}
.md-typeset table:not([class]) th{background:var(--soft)}
.md-typeset table:not([class]) td{border-top:1px solid var(--doc-frame)}
