@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://assets.murmureo.com/dasheo/v1/styles/maps.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/sidebar.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/dropdown.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/button.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/switch.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/tabs.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/table.css');
@import url('https://assets.murmureo.com/dasheo/v1/styles/pie-chart.css');

:root {
  /* Palette principale */ 

  --white: #FCFEFB;
  --black: #171717; 

  /* Palette numérique */

  --deep-green:#17524E;
  --deep-green-700: #061413;
  --deep-green-600: #0B2927;
  --deep-green-500: #113D3A;
  --deep-green-400: #17524E;
  --deep-green-300: #517D7A;
  --deep-green-200: #8AA8A6;
  --deep-green-100: #C5D3D2;

  --neon-green:#09C269;
  --neon-green-700:#02301A;
  --neon-green-600:#046134;
  --neon-green-500:#07914F;
  --neon-green-400:#09C269;
  --neon-green-300:#47D18F;
  --neon-green-200:#83E0B3;
  --neon-green-100:#C1EFD9;

  --neon-blue:#00B1FF;
  --neon-blue-700:#002C40;
  --neon-blue-600:#005880;
  --neon-blue-500:#0085BF;
  --neon-blue-400:#00B1FF;
  --neon-blue-300:#40C5FF;
  --neon-blue-200:#7FD7FF;
  --neon-blue-100:#BFEBFF;

  --gray:#474C4F;
  --gray-700:#020405;
  --gray-600:#05080A;
  --gray-500:#0A1014;
  --gray-400:#474C4F;
  --gray-300:#848789;
  --gray-200:#C1C3C4;
  --gray-100:#F2F3F3;

  --orange:#CF6040;
  --orange-700:#341810;
  --orange-600:#673020;
  --orange-500:#9B4830;
  --orange-400:#CF6040;
  --orange-300:#DB8870;
  --orange-200:#E6AF9F;
  --orange-100:#F3D7CF;

  --pale-red:#C77377;
  --pale-red-700:#321D1E;
  --pale-red-600:#63393B;
  --pale-red-500:#955659;
  --pale-red-400:#C77377;
  --pale-red-300:#D59699;
  --pale-red-200:#E2B8BA;
  --pale-red-100:#F1DCDD;

  --turquoise:#66C5CC;
  --turquoise-700:#193133;
  --turquoise-600:#336266;
  --turquoise-500:#4C9499;
  --turquoise-400:#66C5CC;
  --turquoise-300:#8CD4D9;
  --turquoise-200:#B2E1E5;
  --turquoise-100:#D8F0F2;

  --yellow:#F6CF71;
  --yellow-700:#3D341C;
  --yellow-600:#7B6738;
  --yellow-500:#B89B55;
  --yellow-400:#F6CF71;
  --yellow-300:#F8DB95;
  --yellow-200:#FAE6B7;
  --yellow-100:#FCF3DB;

  --purple:#B497E7;
  --purple-700:#2D263A;
  --purple-600:#5A4B73;
  --purple-500:#8771AD;
  --purple-400:#B497E7;
  --purple-300:#C7B1ED;
  --purple-200:#D9CAF2;
  --purple-100:#ECE5F9;

  --pink:#DCB0F2;
  --pink-700:#372C3C;
  --pink-600:#6E5879;
  --pink-500:#A584B5;
  --pink-400:#DCB0F2;
  --pink-300:#E5C4F5;
  --pink-200:#EDD7F8;
  --pink-100:#F6EBFB;

  --neon-gradient: linear-gradient(to right, var(--neon-green), var(--neon-blue));

  --dark-gradient: linear-gradient(to bottom right, var(--deep-green), var(--gray-500));
  
  /* Dashboards */
  --bg-green:var(--deep-green);
  --bg-black:var(--gray-500);

  --font-color: #FCFEFB;
  --font-not-selected:#a4c0c0;

  --shadow-color: var(--bg-black);

  --murmu-box-shadow : 2px 3px 6px 0px var(--shadow-color);
  --border-radius: 10px;
  --body-font-size: 1.7vh;
}

html,
body {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: var(--font-color);
  background-color: var(--deep-green);
  font-family: 'Archivo', serif;
  font-size: var(--body-font-size);
}

body, #_dash-global-error-container{
  background: var(--dark-gradient);
}


/* LOADING STYLE */

._dash-loading {
  margin: auto;
  color: transparent;
  width: 0;
  height: 0;
  text-align: center;
}

._dash-loading::after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  color: var(--neon-green);
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  margin-top: 2rem;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* SCROLLBAR STYLE */

*::-webkit-scrollbar {
    width: 6px;
    /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
    background: var(--deep-green);
    /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
    background-color: var(--deep-green-300);
    /* color of the scroll thumb */
    border-radius: 2px;
    border: 2px solid var(--deep-green-300);
    /* creates padding around scroll thumb */
}

/* Murmuration font styles */

.murmuration-title,
.navbar-left {
  font-family: "Red Hat Display", serif;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2.2rem;
}

.murmuration-subtitle {
  font-family: "Red Hat Display", serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1.8rem;
  margin: 0;
}

.murmuration-section-title {
  font-family: "Red Hat Display", serif;
  font-style: italic;
  font-weight: normal;
}

.murmuration-tab-title {
  font-family: "Red Hat Display", serif;
  font-style: normal;
  font-weight: bold;
}

.murmuration-text {
  font-family: "Archivo", serif;
  font-style: normal;
  font-weight: normal;
}

.murmuration-important-word {
  font-family: "Archivo", serif;
  font-style: italic;
  font-weight: bold;
}

.murmuration-word {
  font-family: "Archivo", serif;
  font-style: normal;
  font-weight: bold;
}

.murmuration-legend {
  font-family: "Archivo", serif;
  font-style: italic;
  font-weight: normal;
}

.murmuration-link {
  font-family: "Archivo", serif;
  font-style: italic;
  font-weight: lighter;
  text-decoration: underline;
}