/*  frontend/static/cssCorot/general/base_color.css  */
/*  Palette de couleur environnement */


/* ============================= */
/* Environnement : PROD (#0E4F91) */
/* ============================= */
body.env-prod {
  --env-ui-color: #0e4f91;
  --env-ui-color-light: #3d6ea9;
  --env-ui-color-dark: #0b3e73;

  --env-ui-color-highlight-1: #6ea7ff;
  --env-ui-color-highlight-2: #8ebdff;
  --env-ui-color-highlight-3: #b2d2ff;
  --env-ui-color-highlight-4: #d9ecff;

  --env-ui-color-darkmode: #2b4d6e;
  --env-ui-color-darkmode-light: #4f7899;
  --env-ui-color-darkmode-dark: #1a3e5e;

  --env-ui-color-darkmode-highlight-1: #2f496e;
  --env-ui-color-darkmode-highlight-2: #294061;
  --env-ui-color-darkmode-highlight-3: #243855;
  --env-ui-color-darkmode-highlight-4: #1b2d3f;
}

/* ============================= */
/* Environnement : TEST (#616161) */
/* ============================= */
body.env-test {
  --env-ui-color: #616161;
  --env-ui-color-light: #757575;
  --env-ui-color-dark: #424242;

  --env-ui-color-highlight-1: #bbbbbb;
  --env-ui-color-highlight-2: #d6d6d6;
  --env-ui-color-highlight-3: #ececec;
  --env-ui-color-highlight-4: #f8f8f8;

  --env-ui-color-darkmode: #7e7e7e;
  --env-ui-color-darkmode-light: #686868;
  --env-ui-color-darkmode-dark: #2e2e2e;

  --env-ui-color-darkmode-highlight-1: #565656;
  --env-ui-color-darkmode-highlight-2: #3e3e3e;
  --env-ui-color-darkmode-highlight-3: #2c2c2c;
  --env-ui-color-darkmode-highlight-4: #1a1a1a;
}

/* ============================= */
/* Environnement : DEV (#9C0606) */
/* ============================= */
body.env-dev {
  --env-ui-color: #9c0606;
  --env-ui-color-light: #b51a1a;
  --env-ui-color-dark: #750505;

  --env-ui-color-highlight-1: #ff5353;
  --env-ui-color-highlight-2: #ff8282;
  --env-ui-color-highlight-3: #ffaeae;
  --env-ui-color-highlight-4: #ffc3c3;

  --env-ui-color-darkmode: #7c1f1f;
  --env-ui-color-darkmode-light: #a33a3a;
  --env-ui-color-darkmode-dark: #5a1313;

  --env-ui-color-darkmode-highlight-1: #881313;
  --env-ui-color-darkmode-highlight-2: #720f0f;
  --env-ui-color-darkmode-highlight-3: #5b0a0a;
  --env-ui-color-darkmode-highlight-4: #450606;
}

/* ============================= */
/* Environnement : AUTRE (violet) */
/* ============================= */
body.env-other {
  --env-ui-color: #6a1b9a;
  --env-ui-color-light: #8e44ad;
  --env-ui-color-dark: #4a116e;

  --env-ui-color-highlight-1: #d185ff;
  --env-ui-color-highlight-2: #dc9fff;
  --env-ui-color-highlight-3: #e3bafc;
  --env-ui-color-highlight-4: #eed1ff;

  --env-ui-color-darkmode: #53276d;
  --env-ui-color-darkmode-light: #7e51a6;
  --env-ui-color-darkmode-dark: #37104b;

  --env-ui-color-darkmode-highlight-1: #450065;
  --env-ui-color-darkmode-highlight-2: #33004a;
  --env-ui-color-darkmode-highlight-3: #220032;
  --env-ui-color-darkmode-highlight-4: #14001f;
}

/* =========================================================================== */
/* Affecte pour l'environnement le thème clair selon le thème de l'application */
/* =========================================================================== */
body.theme-light {
  --bg-page: #f2f5fa;
  --bg-card: #ffffff;
  --bg-card-header: #f8f8fc;
  --text-color: #212529;
  --text-color-contrast: #f1f5f9;
  --border-simple: #e3e3e3;
}

/* =========================================================================== */
/* Affecte pour l'environnement le thème foncé selon le thème de l'application */
/* =========================================================================== */
body.theme-dark {
  --env-ui-color: var(--env-ui-color-darkmode);
  --env-ui-color-light: var(--env-ui-color-darkmode-light);
  --env-ui-color-dark: var(--env-ui-color-darkmode-dark);
  --env-ui-color-highlight-1: var(--env-ui-color-darkmode-highlight-1);
  --env-ui-color-highlight-2: var(--env-ui-color-darkmode-highlight-2);
  --env-ui-color-highlight-3: var(--env-ui-color-darkmode-highlight-3);
  --env-ui-color-highlight-4: var(--env-ui-color-darkmode-highlight-4);
  --bg-page: #121826;
  --bg-card: #1e293b;
  --bg-card-header: #273548;
  --text-color: #f1f5f9;
  --text-color-contrast: #212529;
  --border-simple: #334155;
}