*,
*::before,
*::after {
  box-sizing: border-box;
}

:root{
  /* transversal product line primary palette 
// Legacy Olfeo primary
  --primary-color:#002E5D;
  --primary50-color:#F6FBFF;
  --primary100-color:#D3E9FE;
  --primary200-color:#B5CDE5;
  --primary300-color:#7A8EB0;
  --primary400-color:#3E5B8E;
  --primary500-color:#002E5D;
  --primary600-color:#032E59;
  --primary700-color:#03274F;
  --primary800-color:#022045;
  --primary900-color:#011433; */

  --primary-color: #060075;
  --primary50-color: #f1f3ff;
  --primary100-color: #e5e8ff;
  --primary200-color: #ced4ff;
  --primary300-color: #a7afff;
  --primary400-color: #767dff;
  --primary500-color: #403fff;
  --primary600-color: #2718ff;
  --primary700-color: #1c07fa;
  --primary800-color: #1705d2;
  --primary900-color: #1506ac;
  --primary950-color: #060075;


  /* specific On premises product line palette */
  --accent-color: #049105;
  --accent100-color: #d8ffd7;
  --accent200-color: #b3ffb2;
  --accent300-color: #77ff76;
  --accent400-color: #34f533;
  --accent500-color: #09de09;
  --accent600-color: #00bd00;
  --accent700-color: #049105;
  --accent800-color: #0a710b;
  --accent900-color: #0a5d0c;
  --accent950-color: #003402;

  /* other transversal palette */
  --font-color-light: #eee;
  --font-color:#222;
  --olfeo-color:#0094ff;
  --olfeo700-color:#1ebbff;
  --success-color: #68B528;
  --success-background-color: #F5FDEF;  /* backgrounds danger cards */
  --error-color: #D72427;
  --error-background-color: #F8EAED;    /* backgrounds danger cards */
  --alert-color: #FF902B;
  --alert-background-color: #FFF4EA;    /* backgrounds danger cards */
  /* Boutons*/
  --bgbuttonPrimary-color:#E4E7EA;
  /* backgrounds */
  --bg1-color:#FFF;
  --bg2-color:#F6FBFF;
  --bg3-color:#D3E9FE;
  --portal-main-entries-bg-color:#F6FBFF;
  --hoovered-portal-main-entries-bg-color: #D3E9FE;

  /* Menu*/
  --Menu1-color:#060075;
  --Menu2-color:#049105;
  --Menu3-color:#003402;
  }

body.coming-soon {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--bg2-color);
  color: var(--font-color);
}

.coming-soon-header {
  background-color: var(--primary-color);
  height: 20rem;
  padding: 1.5rem 2rem;
}

.coming-soon-logo-wrap {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  line-height: 0;
}

.coming-soon-logo {
  height: 100px;
  width: auto;
  display: block;
}

.coming-soon-main {
  flex: 1;
  display: flex;
/*  align-items: center; */
  justify-content: center; 
  padding: 2rem;
  background-color: var(--bg2-color);
}

.coming-soon-message {
  margin: 0;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 400;
  text-align: center;
  color: var(--font-color);
}

.coming-soon-message em {
  font-style: normal;
  color: var(--accent600-color);
}

.coming-soon-footer {
/*  background-color: var(--primary-color); */
  color: var(--font-color);
  text-align: center;
  padding: 1rem 2rem;
  font-size: 0.875rem;
}

.coming-soon-footer p {
  margin: 0;
}

@media (max-width: 480px) {
  .coming-soon-header {
    padding: 1rem 1.25rem;
  }

  .coming-soon-logo {
    height: 32px;
  }
}