/* ══════════════════════════════════════════════
   Site Themes
   Change: Yii::$app->params['theme']
   Values: green (default) | red | blue | brown | oranje | racing-green
══════════════════════════════════════════════ */

/* ── Green (default) ── */
body[data-theme="green"] {
    --primary:          #2AA466;
    --primary-dark:     #1E7B4C;
    --primary-light:    #F2F7EE;
    --primary-border:   #A8D898;
    --primary-gradient: #93B769;
    --green:            #2AA466;
    --light-blue:       #F2F7EE;
}

/* ── Red ── */
body[data-theme="red"] {
    --primary:          #8D1818;
    --primary-dark:     #6B1010;
    --primary-light:    #FDF2F2;
    --primary-border:   #C98080;
    --primary-gradient: #b84a4a;
    --green:            #8D1818;
    --light-blue:       #FDF2F2;
}

/* ── Blue ── */
body[data-theme="blue"] {
    --primary:          #124a91;
    --primary-dark:     #042c66;
    --primary-light:    #e8f0fa;
    --primary-border:   #538bd2;
    --primary-gradient: #538bd2;
    --green:            #124a91;
    --light-blue:       #e8f0fa;
}

/* ── Brown ── */
body[data-theme="brown"] {
    --primary:          #8B4513;
    --primary-dark:     #6B2F0B;
    --primary-light:    #FFF8F0;
    --primary-border:   #D4A574;
    --primary-gradient: #C4813C;
    --green:            #8B4513;
    --light-blue:       #FFF8F0;
}

/* ── Oranje (reuzeit.nl — Dutch national orange, deepened so white button text stays readable) ── */
body[data-theme="oranje"] {
    --primary:          #C9560C;
    --primary-dark:     #9A3F07;
    --primary-light:    #FFF4EC;
    --primary-border:   #F2B183;
    --primary-gradient: #F08A3C;
    --green:            #C9560C;
    --light-blue:       #FFF4EC;
}

/* ── Racing green (reuzeit.uk — British racing green) ── */
body[data-theme="racing-green"] {
    --primary:          #004225;
    --primary-dark:     #002A17;
    --primary-light:    #E9F2EC;
    --primary-border:   #7FA88F;
    --primary-gradient: #2E6B4C;
    --green:            #004225;
    --light-blue:       #E9F2EC;
}