/* Eqwiid – CSS global (palette, typo, composants de base) */
:root {
  --eqwiid-primary: #8DA145;
  --eqwiid-primary-rgb: 141, 161, 69;
  --eqwiid-primary-dark: #4C591D;
  --eqwiid-secondary: #ffac00;
  --eqwiid-tertiary: #3A1000;
  --eqwiid-off-black: #1f1f1f;
  --eqwiid-gray-100: #E1E1E1;
  --eqwiid-gray-200: #E0E0E0;
  --eqwiid-gray-300: #ACACAC;
  --eqwiid-gray-400: #919191;
  --eqwiid-gray-500: #6E6E6E;
  --eqwiid-gray-600: #404040;
  --eqwiid-gray-900: #212121;
  --eqwiid-gray-950: #141414;
  --eqwiid-white: #fff;
  --eqwiid-black: #000;
  --eqwiid-sidebar-width: 280px;
  --eqwiid-topbar-height: 56px;
  --eqwiid-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --eqwiid-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
  --eqwiid-radius: 12px;
  --eqwiid-radius-sm: 8px;
}

html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  padding: 0;
  color: var(--eqwiid-off-black);
  background-color: #f5f5f5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ========== Liens et boutons ========== */
a {
  color: var(--eqwiid-primary);
}

a:hover {
  color: var(--eqwiid-primary-dark);
}

.btn-primary {
  color: var(--eqwiid-white);
  background-color: var(--eqwiid-primary);
  border-color: var(--eqwiid-primary);
  border-radius: var(--eqwiid-radius-sm);
}

.btn-primary:hover {
  background-color: var(--eqwiid-primary-dark);
  border-color: var(--eqwiid-primary-dark);
  color: var(--eqwiid-white);
}

.btn-outline-primary {
  color: var(--eqwiid-primary);
  border-color: var(--eqwiid-primary);
  border-radius: var(--eqwiid-radius-sm);
}

.btn-outline-primary:hover {
  background-color: rgba(141, 161, 69, 0.1);
  border-color: var(--eqwiid-primary);
  color: var(--eqwiid-primary-dark);
}

.btn-outline-secondary {
  color: var(--eqwiid-gray-600);
  border-color: var(--eqwiid-gray-300);
  border-radius: var(--eqwiid-radius-sm);
}

.btn-outline-secondary:hover {
  background-color: var(--eqwiid-gray-100);
  border-color: var(--eqwiid-gray-400);
  color: var(--eqwiid-gray-900);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--eqwiid-white);
  background-color: var(--eqwiid-primary);
  border-color: var(--eqwiid-primary);
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(141, 161, 69, 0.35);
}

.form-control:focus {
  border-color: var(--eqwiid-primary);
}

/* ========== Cartes modernes ========== */
.card {
  border-radius: var(--eqwiid-radius);
  border: none;
  box-shadow: var(--eqwiid-shadow);
  background: var(--eqwiid-white);
}

.card-header {
  background: var(--eqwiid-primary);
  color: var(--eqwiid-white);
  font-weight: 600;
  border: none;
  border-radius: var(--eqwiid-radius) var(--eqwiid-radius) 0 0;
  padding: 0.85rem 1.25rem;
}

.card-header.eqwiid-primary-header {
  background: var(--eqwiid-primary-dark);
  color: var(--eqwiid-white);
}

/* ========== Titres ========== */
h1, h2, h3, .display-4 {
  color: var(--eqwiid-tertiary);
}

.text-muted {
  color: var(--eqwiid-gray-500) !important;
}

/* ========== Formulaires ========== */
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: var(--eqwiid-gray-500);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
  text-align: start;
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}