:root,[data-bs-theme=light]{
  --bs-blue:#1f9bcf;
  --bs-indigo:#6610f2;
  --bs-purple:#a83fd6;
  --bs-pink:#e91e8c;       
  --bs-red:#ff5a72;          
  --bs-orange:#ff8a3d;
  --bs-yellow:#f2ecd8;     
  --bs-green:#3fe0c5;
  --bs-teal:#5eeae2;   
  --bs-cyan:#5eeae2;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#8a8a82;
  --bs-gray-dark:#1c1c1a;
  --bs-gray-100:#f5f3ec;
  --bs-gray-200:#e6e2d3;
  --bs-gray-300:#c9c4b0;
  --bs-gray-400:#9a9686;
  --bs-gray-500:#6f6c60;
  --bs-gray-600:#4d4a42;
  --bs-gray-700:#2c2b26;
  --bs-gray-800:#181712;
  --bs-gray-900:#0a0a08;

  --bs-primary:#5eeae2;     
  --bs-secondary:#e91e8c;  
  --bs-success:#3fe0c5;
  --bs-info:#1f9bcf;
  --bs-warning:#f2ecd8;
  --bs-danger:#ff5a72;       
  --bs-light:#f2ecd8;
  --bs-dark:#000;

  --bs-primary-rgb:94,234,226;
  --bs-secondary-rgb:112,101,107);
  --bs-success-rgb:0,131,70;
  --bs-info-rgb:31,155,207;
  --bs-warning-rgb:242,236,216;
  --bs-danger-rgb:255,90,114;
  --bs-light-rgb:242,236,216;
  --bs-dark-rgb: 33, 37, 41;

  --bs-primary-text-emphasis:#0e5f5a;
  --bs-secondary-text-emphasis:#7a0e4c;
  --bs-success-text-emphasis:#0f5c4c;
  --bs-info-text-emphasis:#0c3e53;
  --bs-warning-text-emphasis:#5c5844;
  --bs-danger-text-emphasis:#7a0e1c;
  --bs-light-text-emphasis:#4d4a42;
  --bs-dark-text-emphasis:#4d4a42;

  --bs-primary-bg-subtle:#08201e;
  --bs-secondary-bg-subtle:#26071a;
  --bs-success-bg-subtle:#06211b;
  --bs-info-bg-subtle:#0a1f28;
  --bs-warning-bg-subtle:#232214;
  --bs-danger-bg-subtle:#2c0710;
  --bs-light-bg-subtle:#1c1b16;
  --bs-dark-bg-subtle:#000;
	
  --bs-nav-pills-link-active-bg:#b64b4b;

  --bs-primary-border-subtle:#0e5f5a;
  --bs-secondary-border-subtle:#7a0e4c;
  --bs-success-border-subtle:#0f5c4c;
  --bs-info-border-subtle:#135d7c;
  --bs-warning-border-subtle:#4d4a3a;
  --bs-danger-border-subtle:#7a0e1c;
  --bs-light-border-subtle:#2c2b26;
  --bs-dark-border-subtle:#000;

  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;

  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.65;
  --bs-body-color:#d6d2c2;
  --bs-body-color-rgb:214,210,194;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41,1;

  --bs-emphasis-color:#f2ecd8;
  --bs-emphasis-color-rgb:242,236,216;
  --bs-secondary-color:rgba(214,210,194,.65);
  --bs-secondary-color-rgb:214,210,194;
  --bs-secondary-bg:#161510;
  --bs-secondary-bg-rgb:22,21,16;
  --bs-tertiary-color:rgba(214,210,194,.5);
  --bs-tertiary-color-rgb:214,210,194;
  --bs-tertiary-bg:#0f0f0c;
  --bs-tertiary-bg-rgb:15,15,12;

  --bs-heading-color:var(--bs-body-color);
  --bs-link-color:#ffffff;
  --bs-link-color-rgb:94,234,226;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#8ff2eb;
  --bs-link-hover-color-rgb:143,242,235;

  --bs-code-color:#ff5a72;
  --bs-highlight-color:#000;
  --bs-highlight-bg:#5eeae2;

  --bs-border-width:2px;
  --bs-border-style:solid;
  --bs-border-color:#4b4b4b;
  --bs-border-color-translucent:rgba(242,236,216,.15);

  --bs-border-radius:0;
  --bs-border-radius-sm:0;
  --bs-border-radius-lg:0;
  --bs-border-radius-xl:0;
  --bs-border-radius-xxl:0;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:0;

  --bs-box-shadow:4px 4px 0 rgba(0,0,0,.9);
  --bs-box-shadow-sm:2px 2px 0 rgba(0,0,0,.9);
  --bs-box-shadow-lg:6px 6px 0 rgba(0,0,0,.9);
  --bs-box-shadow-inset:inset 0 1px 3px rgba(0,0,0,.8);

  --bs-focus-ring-width:0.2rem;
  --bs-focus-ring-opacity:0.5;
  --bs-focus-ring-color:rgba(94,234,226,.5);

  --bs-form-valid-color:#3fe0c5;
  --bs-form-valid-border-color:#3fe0c5;
  --bs-form-invalid-color:#ff5a72;
  --bs-form-invalid-border-color:#ff5a72;
	
  --bs-font-sans-serif:"Aldrich",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bs-font-display:"Pixelify Sans", sans-serif;
	
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.65;
  --bs-body-color:#d6d2c2;
  --bs-body-color-rgb:214,210,194;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41,1;
	
	
  --bs-emphasis-color:#f2ecd8;
  --bs-emphasis-color-rgb:242,236,216;
  --bs-secondary-color:rgba(214,210,194,.65);
  --bs-secondary-color-rgb:214,210,194;
  --bs-secondary-bg:#161510;
  --bs-secondary-bg-rgb:22,21,16;
  --bs-tertiary-color:rgba(214,210,194,.5);
  --bs-tertiary-color-rgb:214,210,194;
  --bs-tertiary-bg:#0f0f0c;
  --bs-tertiary-bg-rgb:15,15,12;	
	
	
  --bs-gradient:linear-gradient(180deg, rgba(94,234,226,.12), rgba(0,0,0,0));
  --bs-body-color:#d6d2c2;
  --bs-body-color-rgb:214,210,194;	
}

*,::after,::before{
	box-sizing:border-box;
}

body{
  margin:0;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  background-color:var(--bs-body-bg);
  background-image:
    radial-gradient(ellipse at 15% 0%, rgba(233,30,140,.10), transparent 45%),
    radial-gradient(ellipse at 85% 100%, rgba(94,234,226,.08), transparent 50%);
  background-attachment:fixed;
  -webkit-text-size-adjust:100%;
}

main.content{
	background-image: radial-gradient(ellipse at 15% 0%, rgb(255 0 0 / 10%), transparent 45%), radial-gradient(ellipse at 85% 100%, rgba(94, 234, 226, .08), transparent 50%);
}


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.15;
}
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  text-transform:uppercase;
  letter-spacing:0;
  color:#f2ecd8;
}

.btn-close {
    --bs-btn-close-color: #ffffff;
	filter: invert(1);
}

.obscuria-tag{
  display:inline-block;
  font-family:var(--bs-font-display);
  font-size:.9rem;
  color:#ff5a72;
  text-shadow:0 0 10px rgba(255,90,114,.85),0 0 22px rgba(255,90,114,.5);
  letter-spacing:.05em;
}

a{
  color:#FFFFFF;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.4);
  text-underline-offset:.2em;
}
a:hover{
	color:var(--bs-link-hover-color);
}

/* ===== Boutons : bloc pixel-art, bordure noire nette, ombre portée dure ===== */
.btn{
  letter-spacing:.08em;
  padding: 1rem 1.5rem;
  border-width:2px;
  border-color:#000;
  box-shadow:4px 4px 0 #000;
  text-transform:uppercase;
  font-family:var(--bs-font-display);
  transition:transform .1s ease,box-shadow .1s ease;
}
.btn:active{
	transform:translate(2px,2px);
	box-shadow:2px 2px 0 #000;
}
.btn-primary{
  --bs-btn-color:#ffffff;
  --bs-btn-bg: #008346;
  --bs-btn-border-color:#000;
  --bs-btn-hover-color:#008346;
  --bs-btn-hover-bg: #8ff2eb
  --bs-btn-hover-border-color:#000;
  --bs-btn-hover-bg: #8ff2eb;
  --bs-btn-active-bg:#8ff2eb;
  --bs-btn-hover-border-color:#8ff2eb;
  --bs-btn-active-color:#008346;
  --bs-btn-active-border-color:#000;
  --bs-btn-focus-shadow-rgb:94,234,226;
}
.btn-secondary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#000;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#000;
  --bs-btn-hover-color:#fff;
}
.btn-danger{
	--bs-btn-color:#000;
	--bs-btn-bg:#ff5a72;
	--bs-btn-border-color:#000;
	--bs-btn-hover-bg:#ff8494;
	--bs-btn-hover-color:#000;
}

.btn-outline-primary{
	--bs-btn-color:#5eeae2;
	--bs-btn-border-color:#5eeae2;
	--bs-btn-hover-bg:#5eeae2;
	--bs-btn-hover-border-color:#5eeae2;
	--bs-btn-hover-color:#000;
	box-shadow:none;
}
.btn-link{
	--bs-btn-color:var(--bs-link-color);
	border:none;
	letter-spacing:.08em;
	box-shadow:none;
}

.navbar{
  --bs-navbar-color:rgba(242,236,216,.7);
  --bs-navbar-hover-color:#5eeae2;
  --bs-navbar-active-color:#5eeae2;
  --bs-navbar-brand-color:#f2ecd8;
  background-color:rgba(0,0,0,.9);
  border-bottom:2px solid var(--bs-border-color);
  padding:1rem 0;
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.navbar-brand{
	font-family:var(--bs-font-display);
	font-size:1.25rem;
	letter-spacing:.05em;
	color:#f2ecd8;
	text-shadow:0 0 12px rgba(242,236,216,.5);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color:#008346;
}
.nav-link{
  color: #d6d2c2;
}
.nav-link:focus, .nav-link:hover {
    color: #008346;
}

.alert{border-width:2px;border-color:#000;box-shadow:3px 3px 0 rgba(0,0,0,.9)}
.alert-danger{--bs-alert-color:#ffb3bd;--bs-alert-bg:#1c060b;--bs-alert-border-color:#ff5a72}
.alert-primary{--bs-alert-color:#c6fbf6;--bs-alert-bg:#06201d;--bs-alert-border-color:#5eeae2}
.alert-secondary{--bs-alert-color:#fbc6e4;--bs-alert-bg:#210716;--bs-alert-border-color:#e91e8c}

.form-control,.form-select{
  background-color:#212529;
  color:#f2ecd8;	
  border:2px solid var(--bs-border-color);
  border-radius:0;
}
.form-control:focus,.form-select:focus{
  background-color:#212529;
  color:#fff;
  border-color:#5eeae2;
  box-shadow:0 0 0 .2rem rgba(94,234,226,.3);
}
.form-control::placeholder{
	color:#6f6c60;
}

.badge{
	font-size:.6rem;
	letter-spacing:.05em;
	text-transform:uppercase;
	border-radius:0;
	padding:.5em .7em;
}


hr{
	border-top:2px solid var(--bs-border-color);
	opacity:.6
}
::selection{
	background:#5eeae2;
	color:#000
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
img{
	max-width:100%;
}

.layout {
    flex: 1;
}

.layout-inner {
    min-height: 100%;
}

.btn:disabled {
    pointer-events: auto;
    cursor: not-allowed;
}

.btn .bi {
    -webkit-text-stroke: 0.35px currentColor;
}

#equipes-container{
	max-height: 200px;
    overflow: auto;
    border: 1px solid #ededed;
    padding: 10px;
}

.rating {
  display: inline-flex;
  flex-direction: row-reverse;
}

.rating input {
  display: none;
}

.rating label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}

.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: yellow;
}
.gradiant-bg {
 background-color:var(--bs-body-bg);
  background-image:
    radial-gradient(ellipse at 15% 0%, rgba(233,30,140,.10), transparent 45%),
    radial-gradient(ellipse at 85% 100%, rgba(94,234,226,.08), transparent 50%);
  background-attachment:fixed;
}

.glitch-font{
	font-family:var(--bs-font-display);
}

.obscuria-title-shadow {
    color: #f1e4d2 !important;
    fill: #f1e4d2 !important;
    text-shadow: 3px 4px 20px #C98A34;
}

.glitch-bg {
	background-image:url('../img/faux-site-internet-desing-8.gif');
	background-size: cover;
	background-position: center center;
}