@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

/* ========================================
   GLOBAL STYLE
   ======================================== */
:root {
  --primary-rgb: 79, 70, 229;
  --primary-color: #4F46E5;
  --bs-primary: #4F46E5;
  --bs-primary-subtle: #d0ccff;

  --secondary-rgb: 242, 245, 255;
  --secondary-color: #f2f5ff;
  --bs-secondary: #f2f5ff;
  --bs-secondary-subtle: #f2f5ff;
  
  --bs-success-rgb: 40, 167, 69;
  --bs-success: #28a745;
  --bs-success-subtle: #d4edda;

  --bs-info-rgb: 23, 162, 184;
  --bs-info: #17a2b8;
  --bs-info-subtle: #cce5ff;

  --bs-warning-rgb: 255, 193, 7;
  --bs-warning: #ffc107;
  --bs-warning-subtle: #fff3cd;

  --bs-danger-rgb: 220, 53, 69;
  --bs-danger: #dc3545;
  --bs-danger-subtle: #f8d7da;

  --bs-light-rgb: 249, 250, 251;
  --bs-light: #f9fafb;
  --bs-light-subtle: #f8f9fa;

  --bs-dark-rgb: 17, 24, 39;
  --bs-dark: #111827;
  --bs-dark-subtle: #151e27;

  --mdb-primary: var(--primary-color);
  --mdb-primary-rgb: var(--primary-rgb);
  --mdb-secondary: var(--secondary-color);
  --mdb-secondary-rgb: var(--secondary-rgb);
  --mdb-link-hover-color: #3c36b1;

  --body-text: #4B5563;

  --font-family: "Rethink Sans", sans-serif;

}

.rethink-sans-<uniquifier> {
  font-family: "Rethink Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.bg-light-primary-gradient {
  background: linear-gradient(90deg, #EEF2FF, #fff);
}

.badge-white {
  background-color: rgba(255, 255, 255, 0.20);
  color: white;

}

.body-text,
body {
  color: var(--body-text);
}

.btn-primary {
  --mdb-btn-hover-bg: #3c36b1;
}

* {
  font-family: var(--font-family);
}

.transparent-img.light-shadow {
  filter: drop-shadow(0 25px 50px rgba(0, 0, 0, .25));
  webkit-filter: drop-shadow(0 25px 50px rgba(0, 0, 0, .25));
}

.transparent-img.xs-shadow {
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, .075)) !important;
  webkit-filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, .075)) !important;
}

:not(.transparent-img).light-shadow {
  box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
}

.btn-outline-primary {
  transition: .3s ease-in;}

.btn-outline-primary:hover {
  transform: scale(1.03);
}


.bg-primary-subtle {
  background-color: var(--bs-primary-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-subtle) !important;
}


/* Animation d'entrée */
.fade-in-up {
    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}