/**
 * Assessment Colors - Single Source of Truth
 *
 * Naming: --assessment-{type}-{dimension}-{variant}
 *
 * Änderungen hier vornehmen!
 * PHP und JS haben Hex-Duplikate (weil Server-Side / Canvas)
 *
 * Source: COLOR_REFACTOR_00_Guidelines.md
 */

:root {
    /* ====================================================================
       DISC (4 Dimensionen)
       ==================================================================== */

    /* DISC-D: Dominance (red) */
    --assessment-disc-d-primary: #da1e28;      /* --cds-red-60 */
    --assessment-disc-d-bg: #ff8389;           /* --cds-red-40 */
    --assessment-disc-d-text: #a2191f;         /* --cds-red-70 */
    --assessment-disc-d-light: #fff1f1;        /* --cds-red-10 */
    --assessment-disc-d-gradient: #ffd7d9;     /* --cds-red-20 */

    /* DISC-I: Influence (yellow - Exception: primary=30, bg=20) */
    --assessment-disc-i-primary: #f1c21b;      /* --cds-yellow-30 */
    --assessment-disc-i-bg: #fddc69;           /* --cds-yellow-20 */
    --assessment-disc-i-text: #684e00;         /* --cds-yellow-70 */
    --assessment-disc-i-light: #fcf4d6;        /* --cds-yellow-10 */
    --assessment-disc-i-gradient: #fddc69;     /* --cds-yellow-20 */

    /* DISC-S: Steadiness (green) */
    --assessment-disc-s-primary: #24a148;      /* --cds-green-50 */
    --assessment-disc-s-bg: #42be65;           /* --cds-green-40 */
    --assessment-disc-s-text: #0e6027;         /* --cds-green-70 */
    --assessment-disc-s-light: #defbe6;        /* --cds-green-10 */
    --assessment-disc-s-gradient: #a7f0ba;     /* --cds-green-20 */

    /* DISC-C: Conscientiousness (blue) */
    --assessment-disc-c-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-disc-c-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-disc-c-text: #0043ce;         /* --cds-blue-70 */
    --assessment-disc-c-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-disc-c-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* ====================================================================
       BIG FIVE / OCEAN (5 Dimensionen)
       ==================================================================== */

    /* BIGFIVE-O: Openness (purple) */
    --assessment-bigfive-o-primary: #8a3ffc;   /* --cds-purple-60 */
    --assessment-bigfive-o-bg: #be95ff;        /* --cds-purple-40 */
    --assessment-bigfive-o-text: #6929c4;      /* --cds-purple-70 */
    --assessment-bigfive-o-light: #f6f2ff;     /* --cds-purple-10 */
    --assessment-bigfive-o-gradient: #e8daff;  /* --cds-purple-20 */

    /* BIGFIVE-C: Conscientiousness (blue) */
    --assessment-bigfive-c-primary: #0f62fe;   /* --cds-blue-60 */
    --assessment-bigfive-c-bg: #78a9ff;        /* --cds-blue-40 */
    --assessment-bigfive-c-text: #0043ce;      /* --cds-blue-70 */
    --assessment-bigfive-c-light: #edf5ff;     /* --cds-blue-10 */
    --assessment-bigfive-c-gradient: #d0e2ff;  /* --cds-blue-20 */

    /* BIGFIVE-E: Extraversion (yellow) */
    --assessment-bigfive-e-primary: #f1c21b;   /* --cds-yellow-30 */
    --assessment-bigfive-e-bg: #fddc69;        /* --cds-yellow-20 */
    --assessment-bigfive-e-text: #684e00;      /* --cds-yellow-70 */
    --assessment-bigfive-e-light: #fcf4d6;     /* --cds-yellow-10 */
    --assessment-bigfive-e-gradient: #fddc69;  /* --cds-yellow-20 */

    /* BIGFIVE-A: Agreeableness (green) */
    --assessment-bigfive-a-primary: #24a148;   /* --cds-green-50 */
    --assessment-bigfive-a-bg: #42be65;        /* --cds-green-40 */
    --assessment-bigfive-a-text: #0e6027;      /* --cds-green-70 */
    --assessment-bigfive-a-light: #defbe6;     /* --cds-green-10 */
    --assessment-bigfive-a-gradient: #a7f0ba;  /* --cds-green-20 */

    /* BIGFIVE-N: Neuroticism (red) */
    --assessment-bigfive-n-primary: #da1e28;   /* --cds-red-60 */
    --assessment-bigfive-n-bg: #ff8389;        /* --cds-red-40 */
    --assessment-bigfive-n-text: #a2191f;      /* --cds-red-70 */
    --assessment-bigfive-n-light: #fff1f1;     /* --cds-red-10 */
    --assessment-bigfive-n-gradient: #ffd7d9;  /* --cds-red-20 */

    /* ====================================================================
       VALUES / SCHWARTZ (7 Dimensionen)
       ==================================================================== */

    /* VAL-A: Achievement (purple) */
    --assessment-val-a-primary: #8a3ffc;       /* --cds-purple-60 */
    --assessment-val-a-bg: #be95ff;            /* --cds-purple-40 */
    --assessment-val-a-text: #6929c4;          /* --cds-purple-70 */
    --assessment-val-a-light: #f6f2ff;         /* --cds-purple-10 */
    --assessment-val-a-gradient: #e8daff;      /* --cds-purple-20 */

    /* VAL-S: Security (blue) */
    --assessment-val-s-primary: #0f62fe;       /* --cds-blue-60 */
    --assessment-val-s-bg: #78a9ff;            /* --cds-blue-40 */
    --assessment-val-s-text: #0043ce;          /* --cds-blue-70 */
    --assessment-val-s-light: #edf5ff;         /* --cds-blue-10 */
    --assessment-val-s-gradient: #d0e2ff;      /* --cds-blue-20 */

    /* VAL-T: Tradition (teal) */
    --assessment-val-t-primary: #009d9a;       /* --cds-teal-50 */
    --assessment-val-t-bg: #3ddbd9;            /* --cds-teal-40 */
    --assessment-val-t-text: #005d5d;          /* --cds-teal-70 */
    --assessment-val-t-light: #d9fbfb;         /* --cds-teal-10 */
    --assessment-val-t-gradient: #9ef0f0;      /* --cds-teal-20 */

    /* VAL-B: Benevolence (green) */
    --assessment-val-b-primary: #24a148;       /* --cds-green-50 */
    --assessment-val-b-bg: #42be65;            /* --cds-green-40 */
    --assessment-val-b-text: #0e6027;          /* --cds-green-70 */
    --assessment-val-b-light: #defbe6;         /* --cds-green-10 */
    --assessment-val-b-gradient: #a7f0ba;      /* --cds-green-20 */

    /* VAL-ST: Stimulation (yellow) */
    --assessment-val-st-primary: #f1c21b;      /* --cds-yellow-30 */
    --assessment-val-st-bg: #fddc69;           /* --cds-yellow-20 */
    --assessment-val-st-text: #684e00;         /* --cds-yellow-70 */
    --assessment-val-st-light: #fcf4d6;        /* --cds-yellow-10 */
    --assessment-val-st-gradient: #fddc69;     /* --cds-yellow-20 */

    /* VAL-P: Power (red) */
    --assessment-val-p-primary: #da1e28;       /* --cds-red-60 */
    --assessment-val-p-bg: #ff8389;            /* --cds-red-40 */
    --assessment-val-p-text: #a2191f;          /* --cds-red-70 */
    --assessment-val-p-light: #fff1f1;         /* --cds-red-10 */
    --assessment-val-p-gradient: #ffd7d9;      /* --cds-red-20 */

    /* VAL-SP: Spirituality/Tradition (purple) */
    --assessment-val-sp-primary: #8a3ffc;      /* --cds-purple-60 */
    --assessment-val-sp-bg: #be95ff;           /* --cds-purple-40 */
    --assessment-val-sp-text: #6929c4;         /* --cds-purple-70 */
    --assessment-val-sp-light: #f6f2ff;        /* --cds-purple-10 */
    --assessment-val-sp-gradient: #e8daff;     /* --cds-purple-20 */

    /* ====================================================================
       INTERESTS / RIASEC (6 Dimensionen)
       ==================================================================== */

    /* INT-R: Realistic (teal) - Badge BG=teal-20! */
    --assessment-int-r-primary: #009d9a;       /* --cds-teal-50 */
    --assessment-int-r-bg: #9ef0f0;            /* --cds-teal-20 */
    --assessment-int-r-text: #005d5d;          /* --cds-teal-70 */
    --assessment-int-r-light: #d9fbfb;         /* --cds-teal-10 */
    --assessment-int-r-gradient: #9ef0f0;      /* --cds-teal-20 */

    /* INT-I: Investigative (blue) */
    --assessment-int-i-primary: #0f62fe;       /* --cds-blue-60 */
    --assessment-int-i-bg: #78a9ff;            /* --cds-blue-40 */
    --assessment-int-i-text: #0043ce;          /* --cds-blue-70 */
    --assessment-int-i-light: #edf5ff;         /* --cds-blue-10 */
    --assessment-int-i-gradient: #d0e2ff;      /* --cds-blue-20 */

    /* INT-A: Artistic (purple) */
    --assessment-int-a-primary: #8a3ffc;       /* --cds-purple-60 */
    --assessment-int-a-bg: #be95ff;            /* --cds-purple-40 */
    --assessment-int-a-text: #6929c4;          /* --cds-purple-70 */
    --assessment-int-a-light: #f6f2ff;         /* --cds-purple-10 */
    --assessment-int-a-gradient: #e8daff;      /* --cds-purple-20 */

    /* INT-S: Social (green) */
    --assessment-int-s-primary: #24a148;       /* --cds-green-50 */
    --assessment-int-s-bg: #42be65;            /* --cds-green-40 */
    --assessment-int-s-text: #0e6027;          /* --cds-green-70 */
    --assessment-int-s-light: #defbe6;         /* --cds-green-10 */
    --assessment-int-s-gradient: #a7f0ba;      /* --cds-green-20 */

    /* INT-E: Enterprising (yellow) */
    --assessment-int-e-primary: #f1c21b;       /* --cds-yellow-30 */
    --assessment-int-e-bg: #fddc69;            /* --cds-yellow-20 */
    --assessment-int-e-text: #684e00;          /* --cds-yellow-70 */
    --assessment-int-e-light: #fcf4d6;         /* --cds-yellow-10 */
    --assessment-int-e-gradient: #fddc69;      /* --cds-yellow-20 */

    /* INT-C: Conventional (blue) */
    --assessment-int-c-primary: #0f62fe;       /* --cds-blue-60 */
    --assessment-int-c-bg: #78a9ff;            /* --cds-blue-40 */
    --assessment-int-c-text: #0043ce;          /* --cds-blue-70 */
    --assessment-int-c-light: #edf5ff;         /* --cds-blue-10 */
    --assessment-int-c-gradient: #d0e2ff;      /* --cds-blue-20 */

    /* ====================================================================
       LEADERSHIP / VECTARDI (8 Dimensionen)
       ==================================================================== */

    /* LEAD-V: Visionary (purple) */
    --assessment-lead-v-primary: #8a3ffc;      /* --cds-purple-60 */
    --assessment-lead-v-bg: #be95ff;           /* --cds-purple-40 */
    --assessment-lead-v-text: #6929c4;         /* --cds-purple-70 */
    --assessment-lead-v-light: #f6f2ff;        /* --cds-purple-10 */
    --assessment-lead-v-gradient: #e8daff;     /* --cds-purple-20 */

    /* LEAD-E: Empowering (green) */
    --assessment-lead-e-primary: #24a148;      /* --cds-green-50 */
    --assessment-lead-e-bg: #42be65;           /* --cds-green-40 */
    --assessment-lead-e-text: #0e6027;         /* --cds-green-70 */
    --assessment-lead-e-light: #defbe6;        /* --cds-green-10 */
    --assessment-lead-e-gradient: #a7f0ba;     /* --cds-green-20 */

    /* LEAD-C: Coaching (green) */
    --assessment-lead-c-primary: #24a148;      /* --cds-green-50 */
    --assessment-lead-c-bg: #42be65;           /* --cds-green-40 */
    --assessment-lead-c-text: #0e6027;         /* --cds-green-70 */
    --assessment-lead-c-light: #defbe6;        /* --cds-green-10 */
    --assessment-lead-c-gradient: #a7f0ba;     /* --cds-green-20 */

    /* LEAD-T: Transformational (blue) */
    --assessment-lead-t-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-lead-t-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-lead-t-text: #0043ce;         /* --cds-blue-70 */
    --assessment-lead-t-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-lead-t-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* LEAD-A: Adaptive (yellow) */
    --assessment-lead-a-primary: #f1c21b;      /* --cds-yellow-30 */
    --assessment-lead-a-bg: #fddc69;           /* --cds-yellow-20 */
    --assessment-lead-a-text: #684e00;         /* --cds-yellow-70 */
    --assessment-lead-a-light: #fcf4d6;        /* --cds-yellow-10 */
    --assessment-lead-a-gradient: #fddc69;     /* --cds-yellow-20 */

    /* LEAD-R: Relational (magenta) */
    --assessment-lead-r-primary: #ee5396;      /* --cds-magenta-50 */
    --assessment-lead-r-bg: #ff7eb6;           /* --cds-magenta-40 */
    --assessment-lead-r-text: #9f1853;         /* --cds-magenta-70 */
    --assessment-lead-r-light: #fff0f7;        /* --cds-magenta-10 */
    --assessment-lead-r-gradient: #ffafd2;     /* --cds-magenta-20 */

    /* LEAD-D: Directive (red) */
    --assessment-lead-d-primary: #da1e28;      /* --cds-red-60 */
    --assessment-lead-d-bg: #ff8389;           /* --cds-red-40 */
    --assessment-lead-d-text: #a2191f;         /* --cds-red-70 */
    --assessment-lead-d-light: #fff1f1;        /* --cds-red-10 */
    --assessment-lead-d-gradient: #ffd7d9;     /* --cds-red-20 */

    /* LEAD-I: Inspirational (purple) */
    --assessment-lead-i-primary: #8a3ffc;      /* --cds-purple-60 */
    --assessment-lead-i-bg: #be95ff;           /* --cds-purple-40 */
    --assessment-lead-i-text: #6929c4;         /* --cds-purple-70 */
    --assessment-lead-i-light: #f6f2ff;        /* --cds-purple-10 */
    --assessment-lead-i-gradient: #e8daff;     /* --cds-purple-20 */

    /* ====================================================================
       MBTI (8 Dimensionen)
       ==================================================================== */

    /* MBTI-E: Extraversion (yellow) */
    --assessment-mbti-e-primary: #f1c21b;      /* --cds-yellow-30 */
    --assessment-mbti-e-bg: #fddc69;           /* --cds-yellow-20 */
    --assessment-mbti-e-text: #684e00;         /* --cds-yellow-70 */
    --assessment-mbti-e-light: #fcf4d6;        /* --cds-yellow-10 */
    --assessment-mbti-e-gradient: #fddc69;     /* --cds-yellow-20 */

    /* MBTI-I: Introversion (blue) */
    --assessment-mbti-i-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-mbti-i-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-mbti-i-text: #0043ce;         /* --cds-blue-70 */
    --assessment-mbti-i-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-mbti-i-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* MBTI-S: Sensing (blue) */
    --assessment-mbti-s-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-mbti-s-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-mbti-s-text: #0043ce;         /* --cds-blue-70 */
    --assessment-mbti-s-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-mbti-s-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* MBTI-N: Intuition (purple) */
    --assessment-mbti-n-primary: #8a3ffc;      /* --cds-purple-60 */
    --assessment-mbti-n-bg: #be95ff;           /* --cds-purple-40 */
    --assessment-mbti-n-text: #6929c4;         /* --cds-purple-70 */
    --assessment-mbti-n-light: #f6f2ff;        /* --cds-purple-10 */
    --assessment-mbti-n-gradient: #e8daff;     /* --cds-purple-20 */

    /* MBTI-T: Thinking (blue) */
    --assessment-mbti-t-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-mbti-t-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-mbti-t-text: #0043ce;         /* --cds-blue-70 */
    --assessment-mbti-t-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-mbti-t-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* MBTI-F: Feeling (magenta) */
    --assessment-mbti-f-primary: #ee5396;      /* --cds-magenta-50 */
    --assessment-mbti-f-bg: #ff7eb6;           /* --cds-magenta-40 */
    --assessment-mbti-f-text: #9f1853;         /* --cds-magenta-70 */
    --assessment-mbti-f-light: #fff0f7;        /* --cds-magenta-10 */
    --assessment-mbti-f-gradient: #ffafd2;     /* --cds-magenta-20 */

    /* MBTI-J: Judging (blue) */
    --assessment-mbti-j-primary: #0f62fe;      /* --cds-blue-60 */
    --assessment-mbti-j-bg: #78a9ff;           /* --cds-blue-40 */
    --assessment-mbti-j-text: #0043ce;         /* --cds-blue-70 */
    --assessment-mbti-j-light: #edf5ff;        /* --cds-blue-10 */
    --assessment-mbti-j-gradient: #d0e2ff;     /* --cds-blue-20 */

    /* MBTI-P: Perceiving (yellow) */
    --assessment-mbti-p-primary: #f1c21b;      /* --cds-yellow-30 */
    --assessment-mbti-p-bg: #fddc69;           /* --cds-yellow-20 */
    --assessment-mbti-p-text: #684e00;         /* --cds-yellow-70 */
    --assessment-mbti-p-light: #fcf4d6;        /* --cds-yellow-10 */
    --assessment-mbti-p-gradient: #fddc69;     /* --cds-yellow-20 */

    /* ====================================================================
       KNOWLEDGE LEVELS - Transfer Directions (3 Dimensionen)
       ==================================================================== */

    /* KNOW-EQUAL: Same Level (gray - no learning effect) */
    --knowledge-transfer-equal-primary: #6f6f6f;   /* --cds-gray-60 */
    --knowledge-transfer-equal-bg: #c6c6c6;        /* --cds-gray-30 */
    --knowledge-transfer-equal-text: #393939;      /* --cds-gray-80 */
    --knowledge-transfer-equal-light: #f4f4f4;     /* --cds-gray-10 */
    --knowledge-transfer-equal-gradient: #e0e0e0;  /* --cds-gray-20 */

    /* KNOW-HIGHER: You can help (green) - Badge BG=green-20! */
    --knowledge-transfer-higher-primary: #24a148;  /* --cds-green-50 */
    --knowledge-transfer-higher-bg: #a7f0ba;       /* --cds-green-20 */
    --knowledge-transfer-higher-text: #0e6027;     /* --cds-green-70 */
    --knowledge-transfer-higher-light: #defbe6;    /* --cds-green-10 */
    --knowledge-transfer-higher-gradient: #a7f0ba; /* --cds-green-20 */

    /* KNOW-LOWER: Can help you (purple) - Badge BG=purple-30! */
    --knowledge-transfer-lower-primary: #8a3ffc;   /* --cds-purple-60 */
    --knowledge-transfer-lower-bg: #d4bbff;        /* --cds-purple-30 */
    --knowledge-transfer-lower-text: #6929c4;      /* --cds-purple-70 */
    --knowledge-transfer-lower-light: #f6f2ff;     /* --cds-purple-10 */
    --knowledge-transfer-lower-gradient: #e8daff;  /* --cds-purple-20 */

    /* KNOW-PROFICIENCY: Unified badge style for all levels (green) */
    --knowledge-proficiency-primary: #24a148;       /* --cds-green-50 */
    --knowledge-proficiency-bg: #a7f0ba;           /* --cds-green-20 */
    --knowledge-proficiency-text: #0e6027;         /* --cds-green-70 */

    /* ====================================================================
       DOMAIN COLORS
       ==================================================================== */

    /* DOMAIN-BEHAVIOUR: Behavioural Assessments (teal) */
    --domain-behaviour-header-bg: #d9fbfb;     /* --cds-teal-10 */
    --domain-behaviour-border: #005d5d;        /* --cds-teal-70 */
    --domain-behaviour-badge-bg: #9ef0f0;      /* --cds-teal-20 */
    --domain-behaviour-badge-text: #005d5d;    /* --cds-teal-70 */
    --domain-behaviour-score-bg: #d9fbfb;      /* --cds-teal-10 */
    --domain-behaviour-score-text: #8a3ffc;    /* --cds-purple-60 */

    /* DOMAIN-TECHNICAL: Technical Skills (blue/cyan) */
    --domain-technical-header-bg: #edf5ff;     /* --cds-blue-10 */
    --domain-technical-border: #0043ce;        /* --cds-blue-70 */
    --domain-technical-badge-bg: #bae6ff;      /* --cds-cyan-20 */
    --domain-technical-badge-text: #005d5d;    /* --cds-teal-70 */
    --domain-technical-score-bg: #edf5ff;      /* --cds-blue-10 */
    --domain-technical-score-text: #8a3ffc;    /* --cds-purple-60 */

    /* DOMAIN-PROFESSIONAL: Professional Skills (magenta/red) */
    --domain-professional-header-bg: #fff0f7;     /* --cds-magenta-10 */
    --domain-professional-border: #9f1853;        /* --cds-magenta-70 */
    --domain-professional-badge-bg: #ffd7d9;      /* --cds-red-20 */
    --domain-professional-badge-text: #005d5d;    /* --cds-teal-70 */
    --domain-professional-score-bg: #fff0f7;      /* --cds-magenta-10 */
    --domain-professional-score-text: #8a3ffc;    /* --cds-purple-60 */

    /* ====================================================================
       STATISTICS COMPONENTS - Group Statistics Dashboard
       ==================================================================== */

    /* STAT-SKILL-GAP: Knowledge/Skill Radar (green - growth, learning) */
    --stat-skill-gap-primary: #24a148;            /* --cds-green-50 */
    --stat-skill-gap-bg: #a7f0ba;                 /* --cds-green-20 */
    --stat-skill-gap-text: #0e6027;               /* --cds-green-70 */
    --stat-skill-gap-light: #defbe6;              /* --cds-green-10 */
    --stat-skill-gap-gradient: #a7f0ba;           /* --cds-green-20 */

    /* STAT-ENGAGEMENT: Activity Disparity (cyan - flow, movement) */
    --stat-engagement-primary: #1192e8;           /* --cds-cyan-50 */
    --stat-engagement-bg: #bae6ff;                /* --cds-cyan-20 */
    --stat-engagement-text: #00539a;              /* --cds-cyan-70 */
    --stat-engagement-light: #e5f6ff;             /* --cds-cyan-10 */
    --stat-engagement-gradient: #bae6ff;          /* --cds-cyan-20 */

    /* STAT-COMPLEMENTARITY: Team Balance Score (purple - synthesis, integration) */
    --stat-complementarity-primary: #a56eff;      /* --cds-purple-50 (blasser wie DISC/Big5 bars) */
    --stat-complementarity-bg: #e8daff;           /* --cds-purple-20 */
    --stat-complementarity-text: #6929c4;         /* --cds-purple-70 */
    --stat-complementarity-light: #f6f2ff;        /* --cds-purple-10 */
    --stat-complementarity-gradient: #e8daff;     /* --cds-purple-20 */

    /* STAT-FEEDBACK-HEALTH: Peer Feedback Health (magenta - warm, human, feedback) */
    --stat-feedback-primary: #ee5396;             /* --cds-magenta-50 */
    --stat-feedback-bg: #ffd6e8;                  /* --cds-magenta-20 */
    --stat-feedback-text: #9f1853;                /* --cds-magenta-70 */
    --stat-feedback-light: #fff0f7;               /* --cds-magenta-10 */
    --stat-feedback-gradient: #ffd6e8;            /* --cds-magenta-20 */

    /* STAT-SHARED: Shared tokens for all statistics components */
    --stat-bar-container-bg: #ffffff;             /* white */
    --stat-alert-color: var(--cds-support-error); /* Alert/warning color */
    --stat-alert-bg: #fcf4d6;                     /* --cds-yellow-10 - light yellow for alert rows */
    --stat-alert-bg-selected: #f8e6a0;            /* --cds-yellow-20 - darker yellow for selected alert rows */
    --stat-alert-accent: #8e6a00;                 /* --cds-yellow-50 - dark yellow for strokes */
    --stat-alert-text: #d4a800;                   /* saturated yellow for text/points */

}

/* ====================================================================
   STATISTICS COMPONENTS - Shared CSS Classes
   ==================================================================== */

/* Empty state for all stat components */
.stat-empty {
    text-align: center;
    padding: var(--cds-spacing-05);
    color: var(--cds-text-secondary);
    font-size: 13px;
}

/* Sort toggle button for list components */
.stat-sort-toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border: 1px solid var(--cds-border-subtle-01);
    border-radius: 4px;
    background: var(--cds-layer-01);
    color: var(--cds-text-secondary);
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s;
}
.stat-sort-toggle:hover {
    background: var(--cds-layer-02);
    color: var(--cds-text-primary);
}