/* ========================================
   🎨 STYLES DES 6 VARIATIONS LOGO - EXTRAITS ARTEFACT
   ======================================== */

/* BASE COMMUNE */
.logo-text {
    font-size: 1.8rem;
  font-family: "Spectral", "Montserrat", "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: -2px;
    white-space: nowrap;
    display: inline-block;
}

/* ========================================
   🌈 COULEURS MAJEURES DU SITE
   ======================================== */

/* JAUNE-ORANGÉ */
.couleur-orange {
    color: #ffa500;
    font-weight: 900;
    text-shadow: 0 0 15px rgba(255, 165, 0, 0.4);
    font-size: 1.1em;
}

/* FUCHSIA VIBRANT */
.couleur-fuchsia {
    color: #ff0080;
    font-weight: 900;
    text-shadow: 0 0 15px rgba(255, 0, 128, 0.5);
    font-size: 1.1em;
}

/* CYAN TURQUOISE */
.couleur-cyan {
    color: #00ced1;
    font-weight: 900;
    text-shadow: 0 0 15px rgba(0, 206, 209, 0.4);
    font-size: 1.1em;
}

/* ========================================
   🎯 VARIANTE 1 - NUMÉRO GRAS
   ======================================== */

.var1 .geo { 
    color: #00ced1; 
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var1 .numero { 
    color: #ffa500; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 165, 0, 0.4); 
    font-size: 1.1em; 
}

.var1 .logie { 
    color: #ff0080;
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

/* ========================================
   🎯 VARIANTE 2 - GÉO GRAS
   ======================================== */

.var2 .geo { 
    color: #00ced1; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(0, 206, 209, 0.4); 
    font-size: 1.1em; 
}

.var2 .numero { 
    color: #ffa500;
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var2 .logie { 
    color: #ff0080;
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

/* ========================================
   🎯 VARIANTE 3 - LOGIE GRAS
   ======================================== */

.var3 .geo { 
    color: #00ced1;
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var3 .numero { 
    color: #ffa500;
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var3 .logie { 
    color: #ff0080; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 0, 128, 0.5); 
    font-size: 1.1em; 
}

/* ========================================
   🎯 VARIANTE 4 - NUMÉRO ET LOGIE GRAS
   ======================================== */

.var4 .geo { 
    color: #00ced1; 
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var4 .numero { 
    color: #ffa500; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 165, 0, 0.4); 
    font-size: 1.1em; 
}

.var4 .logie { 
    color: #ff0080; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 0, 128, 0.5); 
    font-size: 1.1em; 
}

/* ========================================
   🎯 VARIANTE 5 - GÉO ET LOGIE GRAS
   ======================================== */

.var5 .geo { 
    color: #00ced1; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(0, 206, 209, 0.4); 
    font-size: 1.1em; 
}

.var5 .numero { 
    color: #ffa500; 
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

.var5 .logie { 
    color: #ff0080; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 0, 128, 0.5); 
    font-size: 1.1em; 
}

/* ========================================
   🎯 VARIANTE 6 - GÉO ET NUMÉRO GRAS
   ======================================== */

.var6 .geo { 
    color: #00ced1; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(0, 206, 209, 0.4); 
    font-size: 1.1em; 
}


.var6 .numero { 
    color: #ffa500; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 165, 0, 0.4); 
    font-size: 1.1em; 
}

.var6 .logie { 
    color: #ff0080; 
    font-weight: 100; 
    opacity: 0.4; 
    letter-spacing: 1px; 
    font-size: 0.9em; 
}

/* ========================================
   🎯 VARIANTE 7 - TOUT EN GRAS VIF
   ======================================== */

.var7 .geo { 
    color: #00ced1; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(0, 206, 209, 0.4); 
    font-size: 1.1em; 
}

.var7 .numero { 
    color: #ffa500; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 165, 0, 0.4); 
    font-size: 1.1em; 
}

.var7 .logie { 
    color: #ff0080; 
    font-weight: 900; 
    text-shadow: 0 0 15px rgba(255, 0, 128, 0.5); 
    font-size: 1.1em; 
}


/* ========================================
   VARIANTE 8 - VERSION PROFESSIONNELLE ÉQUILIBRÉE
   ======================================== */
/* ========================================
  VARIANTE 8 - VERSION PROFESSIONNELLE LUMINEUSE
  ======================================== */

/* ========================================
  VARIANTE 8 - VERSION PROFESSIONNELLE LUMINEUSE
  ======================================== */

.var8 .geo { 
   color: #06b6d4; 
   font-weight: 600; 
   font-size: 1em; 
}

.var8 .numero { 
   color: #f97316; 
   font-weight: 700; 
   font-size: 1.05em; 
}

.var8 .logie { 
   color: #e11d48; 
   font-weight: 600; 
   font-size: 1em; 
}
/* ========================================
   VARIANTE 9 - VERSION CORPORATE SUBTILE
   ======================================== */

.var9 .geo { 
    color: #0f766e; 
    font-weight: 500; 
    font-size: 0.98em; 
}

.var9 .numero { 
    color: #dc2626; 
    font-weight: 700; 
    font-size: 1.02em; 
}

.var9 .logie { 
    color: #7c2d12; 
    font-weight: 500; 
    font-size: 0.98em; 
}

/* ========================================
   VARIANTE 8 - MINIMAL TRANCHANT
   ======================================== */

.var10 .geo { 
    color: #06b6d4; 
    font-weight: 600; 
    font-size: 1em; 
}

.var10 .numero { 
    color: #f97316; 
    font-weight: 600; 
    font-size: 1.08em; 
}

.var10 .logie { 
    color: #e11d48; 
    font-weight: 600; 
    font-size: 1e6; 
}

/* Base pour cette variante */
.logo-text.var10 {
    font-family: "Spectral", sans-serif;
    letter-spacing: 0.03em;
    font-weight: 600;
}
/* ========================================
   📱 RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .logo-text {
        font-size: 1.8rem;
    }
}

/* ========================================
   🎨 CODES COULEURS HEXADÉCIMAUX
   ======================================== */

/*
Cyan Turquoise: #00ced1
Jaune-Orangé: #ffa500  
Fuchsia Vibrant: #ff0080
Gris tirets: #9ca3af
Gris léger: #6b7280
*/