/* ================================
   VARIABLES - Couleurs
=================================== */

:root {
  --primary-color: #1b17cd;
  --primary-color-global: #1b17cd;
  --text-color: #333;
  --background-color: #ebeff4;
  --background-light: #ebeff4;
  --background-dark: #1b17cd;
  --border-color: #ffffff;
  --focus-color: #ff6237;
}

body.andromeda {
  --background-dark: #333333;
  --primary-color: #333333;
  --background-light: #F8F8F8;
}

body.aquilon,
body.aquilon2 {
  --background-dark: #204888;
  --primary-color: #204888;
  --background-light: #EDF0F4;
}

body.gexsi {
  --background-dark: #074D6A;
  --primary-color: #074D6A;
  --background-light: #F6F9FC;
}

body.vamos {
  --background-dark: #0E7180;
  --primary-color: #0E7180;
  --background-light: #F6F9FC;
}

body.middle_office {
  --background-dark: #415059;
  --primary-color: #415059;
  --background-light: #F6F6F6;
}


/* ================================
     VARIABLES - Typographies
  =================================== */
:root {

  --font-family-main: "Outfit", sans-serif;
  --font-family-secondary: "Manrope", sans-serif;
  --font-family-tertiary: "Caveat", serif; 

  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-base: 1.6;
}


:root{ 
    --text-xxs: 12px;
    --text-xs: 14px;
    --text-sm: 16px;
    --text-md: 20px;
    --text-lg: 24px;
    --text-xl: 32px;
    --text-xxl: 40px;
    --text-xxxl: 60px;
}

/* ================================
     VARIABLES - Espacements
  =================================== */
:root {
    --space-xxs:  4px;
    --space-xs:   8px;
    --space-sm:   12px;
    --space-md:   20px;
    --space-lg:   32px;
    --space-xl:   52px;
    --space-xxl:  84px;
    --space-xxxl:  160px;
}

/* ================================
     VARIABLES - Transitions & Animations
  =================================== */
:root {
  --transition-speed: 0.3s;
  --easing: ease-in-out;
}

/* ================================
     VARIABLES - Ombres et Radii
  =================================== */
:root {
  --shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1);
  --shadow-dark: 0 4px 10px rgba(0, 0, 0, 0.3);
  --border-radius-small: 4px;
  --border-radius-large: 12px;
}