:root,.header {background:#121016;}

H1{color:#E2E2E9;}
H3{color:#B7B4C7;}
p,.fontPMarker {color:#A8A4B8;}

a:link, a:visited,a:hover {
	color: #E0E7FF;
font-weight: 500; /* Semi-bold to show it's a link */
  text-decoration: none;
  border-bottom: 1px solid rgba(224, 231, 255, 0.3); /* Subtle underline */
  transition: all 0.2s ease-in-out;	
	}
a:hover{color:#F5F7FF;
border-bottom-color: #F5F7FF;
  text-shadow: 0 0 8px rgba(224, 231, 255, 0.4); /* Soft glow */	
	
	}

.navbar a {
    color: #1C0C8A;
    transition: color 0.3s ease;
}

.navbar a:hover {
    color: #4d4dff; 
}






.neon-pattaya {
    font-family: 'Arial Black', sans-serif;
    font-size: 2rem;
    color: #fff;
    /* On crée l'effet de halo rose */
    text-shadow: 
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #ff00de,
      0 0 82px #ff00de,
      0 0 92px #ff00de,
      0 0 102px #ff00de,
      0 0 151px #ff00de;
    animation: flicker 1.5s infinite alternate;
  }

  /* Animation pour le côté "vieux néon qui bug" */
  @keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
      text-shadow: 
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 21px #fff,
        0 0 42px #ff00de,
        0 0 82px #ff00de,
        0 0 92px #ff00de,
        0 0 102px #ff00de,
        0 0 151px #ff00de;
    }
    20%, 24%, 55% {        
      text-shadow: none; /* Le néon s'éteint brièvement */
      color: #444;       /* Le texte devient sombre */
    }
  }
