/* ============================================================
   theme.css — Global theme
   Color variables & palette overrides, MkDocs Material layout
   overrides, subtitle banner, typography, tables, footer.
   ============================================================ */

:root {
    color-scheme: light;
}

:root,
[data-md-color-scheme="default"]
{
    --primary-fg:                       #CFD5E2;
    --primary-pico:                     #525F7A;
    --primary-text:                     #0D2C87;
    --primary-subtext:                  #818FBA;
    --primary-textarea:                 #837e7e;
    --primary-link:                     #4527a0;
    --primary-link--hover:              #673ab7;
    --primary-link--active:             #311b92;
    --primary-notice--bg:               #f8f9fd;  
    --primary-notice--text:             #1a237e;

    --primary-gray:                     #aaaaaa;
    --primary-dark: #0D2C87;
    --primary-pending-event:            #d97706;

    --primary-tag-color:                #085066;
    /* --primary-background:               #F3ECE9; */
    --primary-background:               #FFF;
    --primary-event-background:         #F3ECE9;

    --primary-success:                  #0b6b3b;
    --primary-success--lighter:         #f3fbf5;
    --primary-success--text:            #1b5e20;
    --primary-warning:                  #ff9800;
    --primary-warning--lighter:         #fff7e6;
    --primary-warning--text:            #7a4a00;
    --primary-error:                    #d32f2f;
    --primary-error--lighter:           #fdecea;
    --primary-error--text:              #8a1c1c;
    --primary-info:                     #165fa8;
    --primary-info--lighter:            #9ccdff;
    --primary-info--text:               #1976d2;
    --primary-basic:                    #48536B;
    --primary-basic--lighter:           #DFE3EB;
    --primary-basic--text:              #48536B;
    
    
    --primary-option:                   #0D2C87;
    --primary-option--light:            #F3ECE9;

    /* currently used colors */
    --md-primary-color:                 var(--primary-fg);

    /* text color */
    --md-default-fg-color:              var(--primary-text);
    --md-default-fg-color--light:       var(--primary-subtext);

    /* redefine scrollbar colors */
    --md-accent-fg-color:               var(--primary-fg);

    /* redefine header colors */
    --md-primary-fg-color:              var(--primary-fg);
    --md-primary-bg-color:              var(--primary-text);

    /* redefine footer colors */
    --md-footer-fg-color--light:        var(--primary-text); /* "Copyright..." */
    --md-footer-fg-color--lighter:      var(--primary-text); /* "Made with" */
}

.md-tabs {
    background: rgba(0, 0, 0, 0.25);
    color: var(--md-primary-bg-color);
}

.md-sidebar--primary {
    background: var(--primary-fg);
}

.md-nav--primary {
    background: var(--primary-fg);
}

.md-nav__link {
    color: var(--primary-subtext);
}

.md-nav__link:hover,
.md-nav__link--active {
    color: var(--primary-text) !important;
}

.md-header {
    background: var(--primary-fg);
    box-shadow: none !important;
}

/* Slightly taller header with a centered logo + title brand */
.md-header__inner {
    position: relative;
    /* min-height: 3.6rem; */
}

/* Subtitle banner */
.subtitle-ticker {
    width: 100%;
    overflow: hidden;
    background: var(--primary-fg);
    color: var(--primary-text);
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0.2rem;
    margin-bottom: 0;
}

.subtitle-ticker__track {
    display: flex;
    width: max-content;
    animation: ticker 20s linear infinite;
    font-size: 0.65rem;
}

.subtitle-ticker__track span {
    padding-right: 4rem;
    white-space: nowrap;
    color: var(--primary-subtext)
}

@keyframes ticker {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.md-container,
.md-main,
.md-main__inner,
.md-content,
.md-content__inner,
.md-typeset {
    padding: 0;
    margin: 0;
    background: var(--primary-background);
}

.md-main,
.md-content {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.md-main__inner {
    gap: 0;
}

html.ready .md-main,
html.ready .md-content {
    opacity: 1;
    transition: opacity .2s ease;
}

.page-container {
    margin: 0.4rem;
}

.md-typeset {
    margin: 0;
    padding: 0;
}

.md-typeset > h1:first-child {
    display: none;
}

.md-typeset > *:first-child {
    margin-top: 0 !important;
}

.md-typeset::before {
    display: none;
}


html:not(.ready) .main-content {
    visibility: hidden;
}

.md-grid {
    margin-top: 0rem;
    max-width: initial;
}

hr {
    /* define "Horizontal Line" style */
    border-top: 2px solid var(--md-primary-fg-color);
}

table, th, td {
    /* define table borders */
    border: 1px solid var(--primary-gray);
    border-collapse: collapse;
}

th {
    /* define table header style */
    background-color: var(--primary-gray);
    color: #000000;
    border: 1px solid #000;
    border-top: 0;
    border-bottom: 0;
}

.page-container a {
    color: var(--primary-link);
    text-decoration: none;
}

.page-container a:hover {
    color: var(--primary-link--hover);
}

.page-container a:active {
    color: var(--primary-link--active);
}

table tr:first-child th {
    /* define header border left */
    border-left: 1px solid var(--primary-gray);
}

table tr th:last-child {
    /* define header border right */
    border-right: 1px solid var(--primary-gray);
}

/* footer */
.md-footer-meta__inner {
    display: none;
    background: var(--primary-fg);
}

.footer-links {
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 0.3rem;
}

.footer-icon img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    transition: opacity 0.2s ease;
}

.footer-icon:hover img {
    opacity: 0.6;
}

/* Typeset */
.md-typeset h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
    color: var(--md-default--fg-color) !important;
}

.md-typeset h1 {
    font-size: 2.5em;
}

.md-typeset h2 {
    font-size: 2em;
}

.md-typeset h3 {
    font-size: 1.7em;
}

.md-typeset h4 {
    font-size: 1.4em;
}

.md-typeset h5 {
    font-size: 1.2em;
}

.md-typeset h6 {
    /* define h6 format (invisible in table of contents) */
    font-size: 1em !important;
}

.md-typeset p {
    font-size: 0.85em;
}

.pico input {
    font-size: 0.85em;
}

.pico textarea {
    font-size: 0.85em;
}

.pico select {
    font-size: 1em;
}

/* make/set variables that react to the theme */
@media screen {
    [data-md-color-scheme=slate] {
        --my-default-font-weight: 400;  /* light font weight for dark theme, for easier readability */
    }
    [data-md-color-scheme=default] {
        --my-default-font-weight: 400; /* standard font weight, good for white background */
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
}

/* declaration de couleur P3 */
@supports (color: color(display-p3 1 1 1)) {
  html {
    --category0: color(display-p3 1 0.2745 0.6275) !important;
    --category1: color(display-p3 0 0.3922 0.7490) !important;
    --category2: color(display-p3 0.0039 0.6627 0.4431) !important;
    --category3: color(display-p3 0.8510 0.6039 0.7059) !important;
    --category4: color(display-p3 1 0.6235 0.1216) !important;
    --category5: color(display-p3 0.8667 0.8588 0.1647) !important;
  }
}