/* =========================================================
   Profil MountyHall — Lilith's
   Thème : gothique sombre / hypnotisme violet
   À coller dans le champ CSS personnalisé de votre profil.
   ========================================================= */

:root {
  --lilith-noir: #100c16;
  --lilith-noir-profond: #08060c;
  --lilith-prune: #25142f;
  --lilith-violet: #7c39aa;
  --lilith-violet-vif: #bd68ff;
  --lilith-rouge: #9e263d;
  --lilith-ivoire: #e9dde8;
  --lilith-gris: #b7aaba;
  --lilith-bordure: #5f3c70;
}

body {
  color: var(--lilith-ivoire) !important;
  background-color: var(--lilith-noir-profond) !important;
  background-image:
    radial-gradient(circle at 15% 15%, rgba(124, 57, 170, 0.24), transparent 30rem),
    radial-gradient(circle at 85% 75%, rgba(158, 38, 61, 0.14), transparent 28rem),
    linear-gradient(135deg, #08060c 0%, #17101e 48%, #08060c 100%) !important;
}

body, td, th, p, div, span, li {
  font-family: Georgia, "Times New Roman", serif !important;
}

a {
  color: #d88cff !important;
  text-decoration: none !important;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover {
  color: #fff0ff !important;
  text-shadow: 0 0 7px rgba(189, 104, 255, 0.9) !important;
}

/* Panneaux et tableaux du profil */
table {
  border-color: var(--lilith-bordure) !important;
}

td, th {
  border-color: rgba(124, 57, 170, 0.45) !important;
}

td {
  background-color: rgba(18, 11, 24, 0.83) !important;
  color: var(--lilith-ivoire) !important;
}

th,
caption {
  color: #f2def8 !important;
  background: linear-gradient(90deg, #1b0f24, #3c1c4d, #1b0f24) !important;
  border-top: 1px solid #9e5fbd !important;
  border-bottom: 1px solid #704182 !important;
  text-shadow: 0 1px 3px #000, 0 0 8px rgba(189, 104, 255, 0.55) !important;
}

/* Encarts et zones habituellement claires */
input, select, textarea, button {
  color: var(--lilith-ivoire) !important;
  background-color: #160d1d !important;
  border: 1px solid #754389 !important;
  border-radius: 3px !important;
}

input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: var(--lilith-violet-vif) !important;
  box-shadow: 0 0 8px rgba(189, 104, 255, 0.65) !important;
}

button,
input[type="submit"],
input[type="button"] {
  padding: 4px 9px !important;
  color: #fff5ff !important;
  background: linear-gradient(#5b2871, #281331) !important;
  border-color: #ae68cb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 1px 4px #000 !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: linear-gradient(#7e3b9f, #3b1949) !important;
  box-shadow: 0 0 9px rgba(189, 104, 255, 0.7) !important;
}

/* Mise en valeur des titres et données essentielles */
h1, h2, h3, h4, strong, b {
  color: #f0c9ff !important;
  text-shadow: 0 0 6px rgba(165, 78, 205, 0.52) !important;
}

/* Couleurs de rareté ou d'alerte, si utilisées par la page */
font[color="red"],
.red,
.erreur,
.error {
  color: #ff657f !important;
  text-shadow: 0 0 5px rgba(255, 51, 86, 0.45) !important;
}

/* Sélection de texte */
::selection {
  color: #fff;
  background: #7c39aa;
}

/* Petit sceau occulte discret, placé derrière le contenu */
body::before {
  content: "✦";
  position: fixed;
  right: 3vw;
  bottom: 2vh;
  z-index: -1;
  color: rgba(189, 104, 255, 0.10);
  font-family: Georgia, serif;
  font-size: min(34vw, 26rem);
  line-height: 1;
  pointer-events: none;
}