:root {
    /* 
       Theme Palette extracted/approximated from Header Images (SS2ia / CopIAcat) 
       8 Distinct Colors for diverse project/phase visualization.
    */

    /* 1. Rose/Red  */
    --theme-1: #E11D48;
    /* 2. Orange (Vibrant) */
    --theme-2: #F97316;
    /* 3. Amber/Yellow (Warning/Attention) */
    --theme-3: #F59E0B;
    /* 4. Emerald/Green (Success/Valid) */
    --theme-4: #10B981;
    /* 5. Example Teal/Cyan (Tech) */
    --theme-5: #06B6D4;
    /* 6. Blue (Standard Info) */
    --theme-6: #3B82F6;
    /* 7. Indigo (Deep) */
    --theme-7: #6366F1;
    /* 8. Violet/Purple (Creative) */
    --theme-8: #8B5CF6;

    /* Semantic Categories (Generic Site Theme) */
    --color-badge-project: var(--theme-2);
    /* Orange */
    --color-badge-status: var(--theme-6);
    /* Blue */
    --color-badge-verdict: var(--theme-5);
    /* Teal */
    --color-badge-phase: var(--theme-8);
    /* Purple */
    --color-badge-stats: var(--theme-7);
    /* Indigo */
    --color-badge-id: var(--theme-1);
    /* Red */

    /* Legacy compatibility for Plan Types (optional, but keep for circle borders) */
    --color-func: var(--theme-6);
    --color-archi: var(--theme-2);
    --color-bug: var(--theme-1);
    --color-test: var(--theme-4);
    --color-doc: var(--theme-5);
    --color-chore: var(--theme-7);
    --color-infra: var(--theme-8);
    --color-legacy: var(--theme-3);
}