/* ============================================================
   THÈME — AZUR & OCÉAN
   Ambiance : light = ciel azur au matin, lumière et air.
             dark = océan profond la nuit, abysses et écume pâle.
   Marqueur éditorial doré (soleil sur l'horizon).
   ============================================================ */

:root[data-theme="azur-ocean"] {
    /* Palette (thème clair) — ciel azur */
    --color-paper:  #F0F7FF;  /* fond : bleu très pâle, presque blanc lumineux */
    --color-ink:    #0C2340;  /* texte : encre navy profonde */
    --color-accent: #0EA5E9;  /* accent : azur vif — liens hover, underlines, blockquote */

    /* Nuances fonctionnelles (harmonisées avec la palette) */
    --color-muted:   #475569;  /* texte secondaire (ardoise bleutée) */
    --color-subtle:  #94A3B8;  /* texte tertiaire (ardoise claire) */
    --color-rule:    #DBEAFE;  /* bordures, underlines, séparateurs (bleu pâle) */
    --color-chapter: #D97706;  /* étiquettes de chapitre (ambre chaud, contraste sur ciel) */

    /* Tokens dérivés de la palette via color-mix — suivent paper/ink/accent */
    --color-th-bg:   color-mix(in srgb, var(--color-accent) 8%,  transparent);
    --color-code-bg: color-mix(in srgb, var(--color-ink)    6%,  transparent);
}

:root[data-theme="azur-ocean"].dark {
    /* Palette (thème sombre) — océan profond */
    --color-paper:  #0A1929;  /* fond : bleu océan très profond (abysses) */
    --color-ink:    #E0F2FE;  /* texte : écume pâle, lumière sur l'eau */
    --color-accent: #38BDF8;  /* accent : azur lumineux, contraste sur fond profond */

    /* Nuances fonctionnelles (thème sombre) */
    --color-muted:   #94A3B8;  /* texte secondaire (ardoise moyenne, lisible) */
    --color-subtle:  #475569;  /* texte tertiaire (ardoise sombre, méta discrète) */
    --color-rule:    #1E3A8A;  /* séparateurs (navy moyen, discret sur fond profond) */
    --color-chapter: #FBBF24;  /* étiquettes : ambre doré, lumineux sur océan nocturne */
}