/* ============================================================
   CUMDECI THEME — Light / Dark / Auto + Contraste renforcé
   VERSION FINALE — 100% TOKENS --cd-* (plus aucune rétro-compat)
============================================================ */

/* ------------------------------------------------------------
   TOKENS TYPO / SCALING GLOBAL
------------------------------------------------------------ */
:root {
    --fs: 100%;
    --line-height-factor: 1.00;
}

/* ============================================================
   DESIGN TOKENS — STRUCTURE COMMUNE
   (tous les thèmes écrasent ces tokens)
============================================================ */

:root {
    /* Fond */
    --cd-bg: #ffffff;
    --cd-bg-surface: #f5f5f5;

    /* Texte */
    --cd-text: #222222;
    --cd-text-muted: #555555;

    /* Liens */
    --cd-link: #0055ff;

    /* Bordures */
    --cd-border: #dddddd;

    /* Contrôles */
    --cd-control-bg: var(--cd-bg-surface);
    --cd-control-border: var(--cd-border);
    --cd-control-fg: var(--cd-text);

    /* Boutons */
    --cd-btn-bg: var(--cd-bg-surface);
    --cd-btn-bg-hover: #e5e5e5;
    --cd-btn-fg: var(--cd-text);
    --cd-btn-border: var(--cd-border);

    /* Combobox */
    --cd-combo-bg: var(--cd-bg-surface);
    --cd-combo-fg: var(--cd-text);
}

/* ============================================================
   CONTRASTE RENFORCÉ — THEME LIGHT
============================================================ */
:root[data-theme="light"][data-contrast="1"],
:root[data-theme="auto"][data-system-dark="false"][data-contrast="1"] {

    --cd-bg:           #f5f5f5;
    --cd-bg-surface:   #ececec;

    --cd-text:         #111111;
    --cd-text-muted:   #1d1d1d;

    --cd-border:       #606060;

    --cd-control-bg:        #e9ebee;
    --cd-control-border:    #5a5f6a;
    --cd-control-fg:        #111111;

    --cd-btn-bg:        #dcdcdc;
    --cd-btn-bg-hover:  #c8c8c8;
    --cd-btn-border:    #5a5f6a;
    --cd-btn-fg:        #111111;

    --cd-combo-bg:      #5a5f6a;
    --cd-combo-fg:      #ffffff;
}

/* ============================================================
   CONTRASTE RENFORCÉ — THEME DARK
============================================================ */
:root[data-theme="dark"][data-contrast="1"],
:root[data-theme="auto"][data-system-dark="true"][data-contrast="1"] {

    --cd-bg:          #0a0b0e;
    --cd-bg-surface:  #101218;

    --cd-text:        #f7f7f7;
    --cd-text-muted:  #e8e8ea;

    --cd-border:      #8a93a6;

    --cd-control-bg:        #1c202c;
    --cd-control-border:    #8a93a6;
    --cd-control-fg:        #ffffff;

    --cd-btn-bg:        #1c202c;
    --cd-btn-bg-hover:  #2a2f40;
    --cd-btn-border:    #8a93a6;
    --cd-btn-fg:        #ffffff;

    --cd-combo-bg:      #1c202c;
    --cd-combo-fg:      #ffffff;
}

/* ============================================================
   THÈME NORMAL — LIGHT
============================================================ */
html[data-theme="light"] {

    --cd-bg:          #ffffff;
    --cd-bg-surface:  #f5f5f5;

    --cd-text:        #222222;
    --cd-text-muted:  #555555;

    --cd-link:        #0055ff;

    --cd-border:      #dddddd;

    --cd-control-bg:      var(--cd-bg-surface);
    --cd-control-border:  var(--cd-border);
    --cd-control-fg:      var(--cd-text);

    --cd-btn-bg:        var(--cd-bg-surface);
    --cd-btn-bg-hover:  #e5e5e5;
    --cd-btn-fg:        var(--cd-text);
    --cd-btn-border:    var(--cd-border);

    --cd-combo-bg:      var(--cd-bg-surface);
    --cd-combo-fg:      var(--cd-text);
}

/* ============================================================
   THÈME NORMAL — DARK
============================================================ */
html[data-theme="dark"] {

    --cd-bg:          #181818;
    --cd-bg-surface:  #202020;

    --cd-text:        #f0f0f0;
    --cd-text-muted:  #bbbbbb;

    --cd-link:        #66aaff;

    --cd-border:      #444444;

    --cd-control-bg:      #303030;
    --cd-control-border:  #555555;
    --cd-control-fg:      #ffffff;

    --cd-btn-bg:        #303030;
    --cd-btn-bg-hover:  #383838;
    --cd-btn-fg:        #ffffff;
    --cd-btn-border:    #555555;

    --cd-combo-bg:      #303030;
    --cd-combo-fg:      #ffffff;
}

/* ============================================================
   THÈME AUTO — fond clair par défaut
============================================================ */
html[data-theme="auto"] {

    --cd-bg:          #ffffff;
    --cd-bg-surface:  #f5f5f5;

    --cd-text:        #222222;
    --cd-text-muted:  #555555;

    --cd-link:        #0055ff;

    --cd-border:      #dddddd;

    --cd-control-bg:      var(--cd-bg-surface);
    --cd-control-border:  var(--cd-border);
    --cd-control-fg:      var(--cd-text);

    --cd-btn-bg:        var(--cd-bg-surface);
    --cd-btn-bg-hover:  #e5e5e5;
    --cd-btn-fg:        var(--cd-text);
    --cd-btn-border:    var(--cd-border);

    --cd-combo-bg:      var(--cd-bg-surface);
    --cd-combo-fg:      var(--cd-text);
}

/* AUTO → Mode sombre si système sombre */
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {

        --cd-bg:          #181818;
        --cd-bg-surface:  #202020;

        --cd-text:        #eee;
        --cd-text-muted:  #bbbbbb;

        --cd-link:        #66aaff;

        --cd-border:      #444444;

        --cd-control-bg:      #303030;
        --cd-control-border:  #555555;
        --cd-control-fg:      #ffffff;

        --cd-btn-bg:        #303030;
        --cd-btn-bg-hover:  #383838;
        --cd-btn-fg:        #ffffff;
        --cd-btn-border:    #555555;

        --cd-combo-bg:      #303030;
        --cd-combo-fg:      #ffffff;
    }
}

/* ============================================================
   APPLICATION FINALE — Couleurs réelles appliquées au site
============================================================ */
html {
    font-size: var(--fs);
    line-height: var(--line-height-factor);
}

body {
    background: var(--cd-bg);
    color: var(--cd-text);
}

a {
    color: var(--cd-link);
}