/* =============================================================================
   site-skilltest.css — Site-spezifische Styles fuer skilltest.de
   Wird ueber cms.site.css_file = 'site-skilltest.css' geladen.

   Markenton: Zertifikats-Gruen (der Bestanden-Moment als Markenfarbe).
   Nur :root-Token, keine Komponenten-Overrides (Design-Review 2026-07-15,
   WCAG-AA-geprueft: #fff/#047857 5.48, #047857/#f9f9ff 5.23,
   #032e21/#34d399 7.71).
   ========================================================================== */

/* WICHTIG: Jedes :root-Token MUSS im [data-theme="dark"]-Block gespiegelt
   werden — die Site-Datei laedt zuletzt, ein nur-:root-Token wuerde sonst
   per Source-Order auch den Dark-Basiswert aus base.css ueberschreiben. */
:root {
    --btn-primary-bg:    #047857;
    --btn-primary-hover: #065f46;
    --btn-primary-text:  #ffffff;
    --link-color:        #047857;
    --link-hover:        #065f46;
    --accent:            #047857;
    --primary:           #047857;
    --primary-container: #065f46;
    --on-primary-container: #ecfdf5;
    --brand-tint:        4, 120, 87;

    /* MD3-Flaechen aus base.css sind blau getoent — auf Gruen-Familie gezogen */
    --bg-app:            #f8faf9;
    --bg-secondary:      #eef7f2;
    --surface-container:      #e2f2ea;
    --surface-container-low:  #eef7f2;
    --surface-container-high: #d5ebdf;
    --surface-dim:            #cbe2d6;
}

[data-theme="dark"] {
    --btn-primary-bg:    #34d399;
    --btn-primary-hover: #6ee7b7;
    --btn-primary-text:  #032e21;
    --link-color:        #6ee7b7;
    --link-hover:        #a7f3d0;
    --accent:            #34d399;
    --primary:           #34d399;
    --primary-container: #065f46;
    --on-primary-container: #d1fae5;
    --brand-tint:        52, 211, 153;

    --bg-app:            #121815;
    --bg-panel:          #1a211d;
    --bg-secondary:      #1a211d;
    --surface-container:      #1a211d;
    --surface-container-low:  #161c19;
    --surface-container-high: #232b27;
    --surface-dim:            #121815;
}