/* ==========================================================================
   EVIS — Centralized color system
   All accent colors defined here. Loads LAST to override all other CSS files.
   Automatically adapts to environment via body.env-* classes
   ========================================================================== */

:root {
    /* Default colors (production) - all accent colors for all modules */
    --primary: #FF6A3D;
    --primary-dark: #e55a2b;
    --primary-light: #ff906d;
    --primary-soft: rgba(255, 106, 61, 0.10);
    --primary-soft-2: rgba(255, 106, 61, 0.16);
    --primary-border: rgba(255, 106, 61, 0.18);
    --primary-bg: rgba(255, 106, 61, 0.08);
    /* Additional opacity variants */
    --primary-03: rgba(255, 106, 61, 0.03);
    --primary-06: rgba(255, 106, 61, 0.06);
    --primary-12: rgba(255, 106, 61, 0.12);
    --primary-15: rgba(255, 106, 61, 0.15);
    --primary-20: rgba(255, 106, 61, 0.20);
    --primary-22: rgba(255, 106, 61, 0.22);
    --primary-24: rgba(255, 106, 61, 0.24);
    --primary-28: rgba(255, 106, 61, 0.28);
    --primary-30: rgba(255, 106, 61, 0.30);
    --primary-40: rgba(255, 106, 61, 0.40);
    --primary-50: rgba(255, 106, 61, 0.50);
    --primary-55: rgba(255, 106, 61, 0.55);
    --primary-78: rgba(255, 106, 61, 0.78);
    --primary-85: rgba(255, 106, 61, 0.85);

    /* Aliases for different modules */
    --academy-primary: var(--primary);
    --academy-primary-soft: rgba(255, 106, 61, 0.06);
    --academy-primary-border: rgba(255, 106, 61, 0.22);
    --gc-accent: var(--primary);
    --gc-accent-hover: var(--primary-light);
    --gc-accent-soft: rgba(255, 106, 61, 0.06);
    --gc-accent-border: rgba(255, 106, 61, 0.22);
    --plan-accent: var(--primary);
    --plan-accent-hover: var(--primary-light);
    --plan-accent-soft: rgba(255, 106, 61, 0.06);
    --plan-accent-border: rgba(255, 106, 61, 0.22);
    --comm-primary: var(--primary);
    --landing-accent: var(--primary);
    --landing-accent-hover: var(--primary-dark);
    --landing-accent-soft: rgba(255, 106, 61, 0.08);
    --landing-accent-border: rgba(255, 106, 61, 0.18);
    --env-accent: var(--primary);
    --env-accent-soft: var(--primary-12);
    --env-accent-border: var(--primary-24);
    --env-accent-text: var(--primary-dark);
}

body.env-perso {
    --primary: #8a5a3c;
    --primary-dark: #6d4630;
    --primary-light: #a67350;
    --academy-primary: #8a5a3c;
    --academy-primary-soft: rgba(138, 90, 60, 0.06);
    --academy-primary-border: rgba(138, 90, 60, 0.22);
    --gc-accent: #8a5a3c;
    --gc-accent-hover: #a67350;
    --gc-accent-soft: rgba(138, 90, 60, 0.06);
    --gc-accent-border: rgba(138, 90, 60, 0.22);
    --plan-accent: #8a5a3c;
    --plan-accent-hover: #a67350;
    --plan-accent-soft: rgba(138, 90, 60, 0.06);
    --plan-accent-border: rgba(138, 90, 60, 0.22);
    --comm-primary: #8a5a3c;
    --landing-accent: #8a5a3c;
    --landing-accent-hover: #6d4630;
    --landing-accent-soft: rgba(138, 90, 60, 0.08);
    --landing-accent-border: rgba(138, 90, 60, 0.18);
    --env-accent: #8a5a3c;
    --env-accent-soft: rgba(138, 90, 60, 0.12);
    --env-accent-border: rgba(138, 90, 60, 0.24);
    --env-accent-text: #6d4630;
    --primary-soft: rgba(138, 90, 60, 0.10);
    --primary-soft-2: rgba(138, 90, 60, 0.16);
    --primary-border: rgba(138, 90, 60, 0.18);
    --primary-bg: rgba(138, 90, 60, 0.08);
    --primary-03: rgba(138, 90, 60, 0.03);
    --primary-06: rgba(138, 90, 60, 0.06);
    --primary-12: rgba(138, 90, 60, 0.12);
    --primary-15: rgba(138, 90, 60, 0.15);
    --primary-20: rgba(138, 90, 60, 0.20);
    --primary-22: rgba(138, 90, 60, 0.22);
    --primary-24: rgba(138, 90, 60, 0.24);
    --primary-28: rgba(138, 90, 60, 0.28);
    --primary-30: rgba(138, 90, 60, 0.30);
    --primary-40: rgba(138, 90, 60, 0.40);
    --primary-50: rgba(138, 90, 60, 0.50);
    --primary-55: rgba(138, 90, 60, 0.55);
    --primary-78: rgba(138, 90, 60, 0.78);
    --primary-85: rgba(138, 90, 60, 0.85);
}

body.env-dev {
    --primary: #7a3fd6;
    --primary-dark: #5f2fb8;
    --primary-light: #9666e8;
    --academy-primary: #7a3fd6;
    --academy-primary-soft: rgba(122, 63, 214, 0.06);
    --academy-primary-border: rgba(122, 63, 214, 0.22);
    --gc-accent: #7a3fd6;
    --gc-accent-hover: #9666e8;
    --gc-accent-soft: rgba(122, 63, 214, 0.06);
    --gc-accent-border: rgba(122, 63, 214, 0.22);
    --plan-accent: #7a3fd6;
    --plan-accent-hover: #9666e8;
    --plan-accent-soft: rgba(122, 63, 214, 0.06);
    --plan-accent-border: rgba(122, 63, 214, 0.22);
    --comm-primary: #7a3fd6;
    --landing-accent: #7a3fd6;
    --landing-accent-hover: #5f2fb8;
    --landing-accent-soft: rgba(122, 63, 214, 0.08);
    --landing-accent-border: rgba(122, 63, 214, 0.18);
    --env-accent: #7a3fd6;
    --env-accent-soft: rgba(122, 63, 214, 0.12);
    --env-accent-border: rgba(122, 63, 214, 0.24);
    --env-accent-text: #5f2fb8;
    --primary-soft: rgba(122, 63, 214, 0.10);
    --primary-soft-2: rgba(122, 63, 214, 0.16);
    --primary-border: rgba(122, 63, 214, 0.18);
    --primary-bg: rgba(122, 63, 214, 0.08);
    --primary-03: rgba(122, 63, 214, 0.03);
    --primary-06: rgba(122, 63, 214, 0.06);
    --primary-12: rgba(122, 63, 214, 0.12);
    --primary-15: rgba(122, 63, 214, 0.15);
    --primary-20: rgba(122, 63, 214, 0.20);
    --primary-22: rgba(122, 63, 214, 0.22);
    --primary-24: rgba(122, 63, 214, 0.24);
    --primary-28: rgba(122, 63, 214, 0.28);
    --primary-30: rgba(122, 63, 214, 0.30);
    --primary-40: rgba(122, 63, 214, 0.40);
    --primary-50: rgba(122, 63, 214, 0.50);
    --primary-55: rgba(122, 63, 214, 0.55);
    --primary-78: rgba(122, 63, 214, 0.78);
    --primary-85: rgba(122, 63, 214, 0.85);
}

body.env-uat {
    --primary: #b38a00;
    --primary-dark: #8f6b00;
    --primary-light: #cca300;
    --academy-primary: #b38a00;
    --academy-primary-soft: rgba(179, 138, 0, 0.06);
    --academy-primary-border: rgba(179, 138, 0, 0.22);
    --gc-accent: #b38a00;
    --gc-accent-hover: #cca300;
    --gc-accent-soft: rgba(179, 138, 0, 0.06);
    --gc-accent-border: rgba(179, 138, 0, 0.22);
    --plan-accent: #b38a00;
    --plan-accent-hover: #cca300;
    --plan-accent-soft: rgba(179, 138, 0, 0.06);
    --plan-accent-border: rgba(179, 138, 0, 0.22);
    --comm-primary: #b38a00;
    --landing-accent: #b38a00;
    --landing-accent-hover: #8f6b00;
    --landing-accent-soft: rgba(179, 138, 0, 0.08);
    --landing-accent-border: rgba(179, 138, 0, 0.18);
    --env-accent: #b38a00;
    --env-accent-soft: rgba(179, 138, 0, 0.12);
    --env-accent-border: rgba(179, 138, 0, 0.24);
    --env-accent-text: #8f6b00;
    --primary-soft: rgba(179, 138, 0, 0.10);
    --primary-soft-2: rgba(179, 138, 0, 0.16);
    --primary-border: rgba(179, 138, 0, 0.18);
    --primary-bg: rgba(179, 138, 0, 0.08);
    --primary-03: rgba(179, 138, 0, 0.03);
    --primary-06: rgba(179, 138, 0, 0.06);
    --primary-12: rgba(179, 138, 0, 0.12);
    --primary-15: rgba(179, 138, 0, 0.15);
    --primary-20: rgba(179, 138, 0, 0.20);
    --primary-22: rgba(179, 138, 0, 0.22);
    --primary-24: rgba(179, 138, 0, 0.24);
    --primary-28: rgba(179, 138, 0, 0.28);
    --primary-30: rgba(179, 138, 0, 0.30);
    --primary-40: rgba(179, 138, 0, 0.40);
    --primary-50: rgba(179, 138, 0, 0.50);
    --primary-55: rgba(179, 138, 0, 0.55);
    --primary-78: rgba(179, 138, 0, 0.78);
    --primary-85: rgba(179, 138, 0, 0.85);
}

body.env-preprod {
    --primary: #d97706;
    --primary-dark: #b85e05;
    --primary-light: #f59e0b;
    --academy-primary: #d97706;
    --academy-primary-soft: rgba(217, 119, 6, 0.06);
    --academy-primary-border: rgba(217, 119, 6, 0.22);
    --gc-accent: #d97706;
    --gc-accent-hover: #f59e0b;
    --gc-accent-soft: rgba(217, 119, 6, 0.06);
    --gc-accent-border: rgba(217, 119, 6, 0.22);
    --plan-accent: #d97706;
    --plan-accent-hover: #f59e0b;
    --plan-accent-soft: rgba(217, 119, 6, 0.06);
    --plan-accent-border: rgba(217, 119, 6, 0.22);
    --comm-primary: #d97706;
    --landing-accent: #d97706;
    --landing-accent-hover: #b85e05;
    --landing-accent-soft: rgba(217, 119, 6, 0.08);
    --landing-accent-border: rgba(217, 119, 6, 0.18);
    --env-accent: #d97706;
    --env-accent-soft: rgba(217, 119, 6, 0.12);
    --env-accent-border: rgba(217, 119, 6, 0.24);
    --env-accent-text: #b85e05;
    --primary-soft: rgba(217, 119, 6, 0.10);
    --primary-soft-2: rgba(217, 119, 6, 0.16);
    --primary-border: rgba(217, 119, 6, 0.18);
    --primary-bg: rgba(217, 119, 6, 0.08);
    --primary-03: rgba(217, 119, 6, 0.03);
    --primary-06: rgba(217, 119, 6, 0.06);
    --primary-12: rgba(217, 119, 6, 0.12);
    --primary-15: rgba(217, 119, 6, 0.15);
    --primary-20: rgba(217, 119, 6, 0.20);
    --primary-22: rgba(217, 119, 6, 0.22);
    --primary-24: rgba(217, 119, 6, 0.24);
    --primary-28: rgba(217, 119, 6, 0.28);
    --primary-30: rgba(217, 119, 6, 0.30);
    --primary-40: rgba(217, 119, 6, 0.40);
    --primary-50: rgba(217, 119, 6, 0.50);
    --primary-55: rgba(217, 119, 6, 0.55);
    --primary-78: rgba(217, 119, 6, 0.78);
    --primary-85: rgba(217, 119, 6, 0.85);
}

/* Communication page specific colors */
:root {
    --comm-primary: #FF6A3D;
    --comm-primary-soft: rgba(255, 106, 61, 0.10);
    --comm-primary-border: rgba(255, 106, 61, 0.18);
}

body.env-perso {
    --comm-primary: #8a5a3c;
    --comm-primary-soft: rgba(138, 90, 60, 0.10);
    --comm-primary-border: rgba(138, 90, 60, 0.18);
}

body.env-dev {
    --comm-primary: #7a3fd6;
    --comm-primary-soft: rgba(122, 63, 214, 0.10);
    --comm-primary-border: rgba(122, 63, 214, 0.18);
}

body.env-uat {
    --comm-primary: #b38a00;
    --comm-primary-soft: rgba(179, 138, 0, 0.10);
    --comm-primary-border: rgba(179, 138, 0, 0.18);
}

body.env-preprod {
    --comm-primary: #d97706;
    --comm-primary-soft: rgba(217, 119, 6, 0.10);
    --comm-primary-border: rgba(217, 119, 6, 0.18);
}