/* -----------------------------------------------------------
   MyTwin – MkDocs Material theme overrides
   ----------------------------------------------------------- */

/* Polices (titres en Poppins, texte en Inter) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Inter:wght@400;500&display=swap');

/* =========================
   Palette MyTwin – mode clair
   ========================= */
:root {
    /* Couleurs de la charte */
    --mytwin-blue: #004C73;
    --mytwin-blue-light: #195F86;
    --mytwin-blue-dark: #003651;
    --mytwin-mint: #45C2B5;
    --mytwin-cyan: #5ED0E6;
    --mytwin-bg: #FFFFFF;
    --mytwin-text: #3C505C;

    /* Couleurs principales Material */
    --md-primary-fg-color: var(--mytwin-blue);
    --md-primary-fg-color--light: var(--mytwin-blue-light);
    --md-primary-fg-color--dark: var(--mytwin-blue-dark);

    /* Couleur d’accent */
    --md-accent-fg-color: var(--mytwin-mint);

    /* Fond / texte */
    --md-default-bg-color: var(--mytwin-bg);
    --md-default-fg-color: var(--mytwin-text);

    /* Liens dans le contenu */
    --md-typeset-a-color: var(--mytwin-cyan);
    --md-typeset-a-hover-color: var(--mytwin-mint);

    /* Polices */
    --md-text-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --md-code-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* =========================
   Palette MyTwin – mode sombre
   (scheme: slate)
   ========================= */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #0F1F29;
    --md-default-fg-color: #EAF4F7;

    --md-primary-fg-color: #45C2B5;
    --md-primary-fg-color--light: #5ED0E6;
    --md-primary-fg-color--dark: #2F857B;

    --md-accent-fg-color: #5ED0E6;

    --md-typeset-a-color: #5ED0E6;
    --md-typeset-a-hover-color: #45C2B5;
}

/* =========================
   Titres & texte
   ========================= */

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
    font-family: "Poppins", system-ui, sans-serif;
    color: var(--md-primary-fg-color);
    letter-spacing: 0.01em;
}

.md-typeset {
    font-family: var(--md-text-font);
    line-height: 1.6;
}

/* Sous-titre de page (le lead sous le H1) */
.md-typeset .page-lead {
    font-size: 1.02rem;
    color: #5a7280;
    max-width: 46rem;
}

/* =========================
   Header & logo
   ========================= */

.md-header {
    box-shadow: 0 4px 14px rgba(0, 76, 115, 0.12);
}

.md-header__button.md-logo img {
    height: 28px;
    width: auto;
}

/* =========================
   Navigation latérale
   ========================= */

.md-nav__title,
.md-nav__link {
    font-family: "Inter", system-ui, sans-serif;
}

.md-nav__item .md-nav__link--active {
    font-weight: 500;
}

/* =========================
   Cartes, admonitions, blocs
   ========================= */

/* Cartes (grilles Material avec .grid > .card) */
.md-typeset .grid>.card {
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0, 76, 115, 0.08);
    border: 1px solid rgba(0, 76, 115, 0.04);
}

/* Admonitions (notes, tips, etc.) */
.md-typeset .admonition,
.md-typeset details {
    border-radius: 14px;
}

/* Blocs de code & tableaux */
.md-typeset .highlight,
.md-typeset table {
    border-radius: 10px;
}

/* =========================
   Liens & boutons inline
   ========================= */

.md-typeset a {
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
}

.md-typeset a:hover {
    text-decoration: underline;
}

/* Boutons de type "call to action" */
a.mytwin-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1.2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--mytwin-mint), var(--mytwin-cyan));
    color: #ffffff !important;
    font-weight: 500;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(0, 76, 115, 0.25);
}

a.mytwin-cta:hover {
    box-shadow: 0 14px 32px rgba(0, 76, 115, 0.28);
    transform: translateY(-1px);
}

/* =========================
   Hero de la page d’accueil
   ========================= */

.mytwin-hero {
    padding: 1.5rem 0 0.5rem;
    margin-bottom: 1.5rem;
}

.mytwin-hero-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.72rem;
    color: #6c8595;
    font-weight: 500;
}

.mytwin-hero-title {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
    margin: 0.4rem 0 0.6rem;
}

.mytwin-hero-subtitle {
    font-size: 1.02rem;
    max-width: 40rem;
    color: #5a7280;
    margin-bottom: 1rem;
}

/* Grille de "quick start" sur la home */
.mytwin-quickstart .card>h3 {
    margin-top: 0.2rem;
}