/*
  Identite visuelle UNIMOVE, relevee sur le site vitrine unimove.fr
  (WordPress + YOOtheme, theme.1.css). Cette feuille ne contient que des
  variables et la police : c'est la seule source des couleurs, des ombres
  et des rayons. Les autres feuilles s'y referent, elles ne redefinissent
  plus de valeur en dur.

  Le vitrine est en "soft UI" : fond bleu tres clair, encres sombres,
  boutons et champs en pilule, ombres doubles (lumiere en haut a gauche,
  ombre bleutee en bas a droite).
*/

/* Manrope auto-hebergee : pas de requete tierce, pas de question RGPD. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../../../assets/fonts/manrope/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../../../assets/fonts/manrope/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --um-font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;

  /* Fonds */
  --um-bg: #edf1fa;
  --um-bg-muted: #e4eaf7;
  --um-bg-sunken: #e9eef9;
  --um-surface: #ffffff;

  /* Encres */
  --um-ink: #2d3847;
  --um-ink-strong: #223650;
  --um-ink-muted: #747a96;
  --um-ink-invert: #ffffff;

  /* Bleu de marque */
  --um-primary: #1991ee;
  --um-primary-hover: #1084dd;
  --um-primary-active: #0f76c5;
  --um-primary-gradient: linear-gradient(51deg, #1865e0 50%, #199ef2 80%, #16b6f5 100%);
  --um-primary-gradient-active: linear-gradient(51deg, #005cd7 50%, #0093e6 80%, #00aae8 100%);
  --um-accent: #009ab3;

  /* Etats */
  --um-danger: #ff4352;
  --um-success: #19eea5;
  --um-warning: #ffcd19;
  --um-disabled-bg: #e1e8f7;
  --um-disabled-ink: #747a96;

  /* Traits */
  --um-line: #e0e5ed;
  --um-line-strong: #d0dbf1;

  /* Rayons : le vitrine n'en connait que deux. */
  --um-radius: 12px;
  --um-radius-pill: 500px;

  /*
    Les trois ombres du vitrine. "raised" pour ce qui se clique, "card" pour
    les blocs, "inset" pour ce qui se remplit.
  */
  --um-shadow-raised: -5px -5px 15px rgba(255, 255, 255, .9), 5px 5px 15px rgba(11, 89, 150, .3);
  --um-shadow-raised-hover: -2px -2px 5px rgba(255, 255, 255, .7), 2px 2px 5px rgba(11, 89, 150, .3);
  --um-shadow-pressed: 1px 1px 1px rgba(57, 65, 124, .1);
  --um-shadow-card: -15px -15px 20px rgba(255, 255, 255, .6), 15px 15px 20px rgba(57, 65, 124, .1);
  --um-shadow-inset: inset 3px 3px 6px rgba(57, 65, 124, .1), inset -3px -3px 6px #fff;
}

html {
  font-family: var(--um-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  background: var(--um-bg);
  color: var(--um-ink);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}