/**
 * Theme Variables - Central design tokens
 * Single source of truth for colors across the application
 * Values change based on body theme class (theme-1 to theme-10, custom-color)
 */

:root {
    /* Primary palette - default theme-3 */
    --theme-primary: #6FD943;
    --theme-primary-light: #e2f7d9;
    --theme-primary-rgb: 111, 217, 67;

    /* Bootstrap 5 compatibility - maps to theme-primary */
    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: var(--theme-primary-rgb);

    /* Semantic colors */
    --theme-success: #36b37e;
    --theme-danger: #ff5630;
    --theme-warning: #ffab00;
    --theme-info: #00b8d9;

    /* Neutrals */
    --theme-body-bg: #f8f9fd;
    --theme-body-color: #293240;
    --theme-sidebar-bg: #fff;
    --theme-card-bg: #fff;
}

/* theme-1 */
body.theme-1 {
    --theme-primary: #0CAF60;
    --theme-primary-light: #ceefdf;
    --theme-primary-rgb: 12, 175, 96;
}

/* theme-2 */
body.theme-2 {
    --theme-primary: #584ED2;
    --theme-primary-light: #e0defa;
    --theme-primary-rgb: 88, 78, 210;
}

/* theme-3 - default */
body.theme-3 {
    --theme-primary: #6FD943;
    --theme-primary-light: #e2f7d9;
    --theme-primary-rgb: 111, 217, 67;
}

/* theme-4 */
body.theme-4 {
    --theme-primary: #145388;
    --theme-primary-light: #cce5f0;
    --theme-primary-rgb: 20, 83, 136;
}

/* theme-5 */
body.theme-5 {
    --theme-primary: #B9406B;
    --theme-primary-light: #f5dce6;
    --theme-primary-rgb: 185, 64, 107;
}

/* theme-6 */
body.theme-6 {
    --theme-primary: #008ECC;
    --theme-primary-light: #cceaf5;
    --theme-primary-rgb: 0, 142, 204;
}

/* theme-7 */
body.theme-7 {
    --theme-primary: #922C88;
    --theme-primary-light: #ecd9ea;
    --theme-primary-rgb: 146, 44, 136;
}

/* theme-8 */
body.theme-8 {
    --theme-primary: #C0A145;
    --theme-primary-light: #f5edd6;
    --theme-primary-rgb: 192, 161, 69;
}

/* theme-9 */
body.theme-9 {
    --theme-primary: #48494B;
    --theme-primary-light: #e5e5e6;
    --theme-primary-rgb: 72, 73, 75;
}

/* theme-10 */
body.theme-10 {
    --theme-primary: #0C7785;
    --theme-primary-light: #cce9ec;
    --theme-primary-rgb: 12, 119, 133;
}

/* custom-color uses inline --color-customColor from PHP (set in layout) */
body.custom-color {
    --theme-primary: var(--color-customColor);
    --theme-primary-light: #f0f0f5;
}