:root {
    /* Couleurs principales basées sur le logo */
    --gt-teal: #1e7573;
    --gt-orange: #e35025;
    --gt-purple: #7bc9c5;
    --gt-yellow: #f6cc51;
    --gt-light-teal: #7bc9c5;

    /* Override Sphinx-Design */
    --sd-color-primary: var(--gt-teal);
    --sd-color-info: var(--gt-purple);
    --sd-color-warning: var(--gt-yellow);
    --sd-color-danger: var(--gt-orange);
}

/* Titres avec dégradé subtil ou couleurs franches */
h1 {
    color: var(--gt-orange) !important;
    font-weight: 800;
    border-bottom: 2px solid var(--gt-light-teal);
    padding-bottom: 10px;
}

h2 {
    color: var(--gt-teal) !important;
    border-left: 5px solid var(--gt-orange);
    padding-left: 15px;
}

h3 {
    color: var(--gt-teal);
    opacity: 0.9;
}

/* Personnalisation des cartes (SD-Cards) */
.sd-card {
    border-top: 4px solid var(--gt-teal) !important;
    transition: transform 0.2s ease-in-out;
}

.sd-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Sidebar (Menu de gauche) */
.wy-side-nav-search {
    background-color: #68ADDB !important; /* Fond clair pour faire ressortir le logo */
}

.wy-side-nav-search .wy-dropdown > a, .wy-side-nav-search > a {
    color: #000 !important;
}

.wy-side-nav-search>div.switch-menus>div.language-switch select,
.wy-side-nav-search>div.switch-menus>div.version-switch select {
  display:inline-block;
  margin-right:-2rem;
  padding-right:2rem;
  max-width:240px;
  text-align-last:center;
  background:none;
  border:none;
  border-radius:0;
  box-shadow:none;
  font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
  font-size:1em;
  font-weight:400;
  color:#000;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none
}

/* Couleur de sélection et liens */
a {
    color: var(--gt-teal);
}

a:hover {
    color: var(--gt-orange);
}

/* Badges GraTools */
.sd-badge-primary { background-color: var(--gt-teal) !important; }
.sd-badge-secondary { background-color: var(--gt-purple) !important; }

/* Admonitions (blocs Note, Tip, Warning) */
.admonition.tip { border-color: var(--gt-light-teal); }
.admonition.warning { border-color: var(--gt-yellow); }

.wy-nav-content {
    padding: 1.618em 3.236em;
    height: 100%;
    max-width: 60%;
    margin: 0;
}