/* Variables de couleurs tactiques */
:root {
  --bg-dark: #1E222A;         /* Le fond anthracite de l'image */
  --amber-core: #FFF8E1;      /* Cœur chaud (or clair) */
  --amber-main: #FFB300;      /* Aegis Amber (le néon principal) */
  --amber-halo: rgba(255, 152, 0, 0.5); /* Halo orange-ambre diffuse */
}
html, body {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}
body {
  background-color: var(--bg-dark);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header {
	width: 100%;
	height: 120px;
}
.global {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex: 1;
}
.menu {
	width: 200px;
}
.grid {
	flex: 1;
}

div.header, div.menu, div.grid {
	border: 1px solid red;
}

/* L'élément qui représente la ligne de néon */
.neon-conduit {
  width: 300px;                  /* Fine comme sur l'image */
  height: 140px;               /* Exemple de hauteur */
  border-color: var(--amber-core); /* Le cœur très lumineux */
  border-style: double;
  background-color: #141414;
  /* --- LA SÉQUENCE D'EMPILEMENT DES LUEURS --- */
  box-shadow: 
	/* 1. Cœur chaud interne */
	inset 0 0 2px var(--amber-core), 
	/* 2. Néon ambre principal (intense) */
	inset 0 0 8px var(--amber-main), 
	/* 3. Aura orange-ambre (diffuse) */
	inset 0 0 20px #FF9800, 
	/* 4. Diffusion atmosphérique large et douce */
	inset 0 0 40px var(--amber-halo),
	/* 1. Cœur chaud interne */
	0 0 2px var(--amber-core), 
	/* 2. Néon ambre principal (intense) */
	0 0 8px var(--amber-main), 
	/* 3. Aura orange-ambre (diffuse) */
	0 0 20px #FF9800, 
	/* 4. Diffusion atmosphérique large et douce */
	0 0 40px var(--amber-halo);
	
  /* Légers arrondis pour le style cockpit */
  border-radius: 10px;
  
}