/* ==========================================================================
   Materiautec Theme - CSS Variables & Foundations
   Charte graphique basee sur reemployez.fr
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');

:root {
  /* Couleurs principales */
  --mt-primary: #163567;
  --mt-primary-faded: #16356780;
  --mt-secondary: #00afb1;
  --mt-tertiary: #ffcf4e;

  /* Texte */
  --mt-text-primary: #163567;
  --mt-text-primary-faded: #16356780;
  --mt-text-secondary: #00afb1;
  --mt-text-tertiary: #ffcf4e;
  --mt-text-contrast: #fff;

  /* Fonds */
  --mt-bg-root: #fff;
  --mt-bg-primary: #163567;
  --mt-bg-secondary: #f0f3f7;
  --mt-bg-light-blue: #e9f3ff;

  /* Statuts */
  --mt-info: #29b6f6;
  --mt-success: #66bb6a;
  --mt-warning: #ffa726;
  --mt-error: #f44336;

  /* Variantes */
  --mt-primary-light: #2d4976;
  --mt-primary-lighter: #455d85;
  --mt-primary-whitish: #d0d7e1;
  --mt-primary-whitisher: #e8ebf0;
  --mt-secondary-light: #1ab7b9;
  --mt-secondary-lighter: #33bfc1;
  --mt-secondary-whitish: #ccefef;
  --mt-secondary-whitisher: #e6f7f7;

  /* Gris */
  --mt-grey-light: #00000010;
  --mt-grey-medium: #00000020;
  --mt-grey-dark: #00000030;

  /* Ombres */
  --mt-shadow-light: 0 4px 20px rgba(0, 0, 0, 0.1);
  --mt-shadow-medium: 0 4px 20px rgba(0, 0, 0, 0.15);
  --mt-shadow-heavy: 0 4px 30px rgba(0, 0, 0, 0.25);

  /* Rayons de bordure */
  --mt-radius-sm: 5px;
  --mt-radius-md: 10px;
  --mt-radius-lg: 12px;
  --mt-radius-round: 50%;
}