/* Sa&Bar — Tema colori sito attuale (sabarsrl.com)
   Caricare DOPO style.css: sovrascrive variabili e i valori rgba hardcoded.
   ──────────────────────────────────────────────────────────────────────── */

/* ─── Palette sito attuale ─── */
:root {
  --black:        #55595D;   /* grigio topbar/header attuale    */
  --dark:         #4C5054;   /* grigio footer attuale           */
  --mid:          #555555;
  --steel:        #666666;   /* testo corpo #666666             */
  --muted:        #999999;
  --silver:       #B1B9BA;   /* testo secondario sito attuale   */
  --border:       #E0E0E0;
  --cream:        #F6F6F6;   /* righe tabella sito attuale      */
  --white:        #FFFFFF;
  --bronze:       #EC483B;   /* rosso primario sito attuale     */
  --bronze-light: #f05a4e;
  --bronze-dark:  #c93a2e;
}

/* ─── Leghe intro: annulla il grid sulla section (il container interno gestisce il layout) ─── */
.leghe-intro {
  display: block;
  padding: 0;
}

/* ─── Header bianco ─── */
.site-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
}


@media (min-width: 769px) {
  .site-nav a { color: var(--steel); }
}

.site-nav a:hover,
.site-nav a.active {
  color: var(--bronze);
}

/* il bottone Contatti (nav-cta) resta bianco anche quando è active */
.site-nav a.nav-cta,
.site-nav a.nav-cta.active {
  color: var(--white);
}

.nav-toggle span {
  background: var(--dark);
}

/* ─── Hardcoded rgba: bronzo → rosso ─── */

/* hero badge */
.hero-badge {
  background: rgba(236, 72, 59, .18);
  border: 1px solid rgba(236, 72, 59, .55);
}

/* page-hero strip decorativa */
.page-hero::before {
  background: linear-gradient(135deg, transparent 0%, rgba(236, 72, 59, .07) 100%);
}

/* ─── Hardcoded rgba: nero → grigio scuro ─── */

/* hero gradient (da trasparente a grigio scuro in basso) */
.hero-bg::after {
  background: linear-gradient(
    to top,
    rgba(85, 89, 93, .96) 0%,
    rgba(85, 89, 93, .42) 55%,
    transparent 100%
  );
}

/* caption galleria applicazioni */
.app-caption {
  background: rgba(85, 89, 93, .88);
}

/* ─── Body: testo su sfondo bianco leggibile ─── */
body {
  color: var(--steel);
}

/* headings: colore più scuro per contrasto */
h1, h2, h3, h4 {
  color: var(--dark);
}

/* heading bianco su sfondi scuri: lasciamo invariati */
.hero-content h1,
.page-hero h1,
.section-qualita .qualita-text h2,
.prototipazione-card h2,
.cta-banner h2,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: var(--white);
}
.alloys-table thead th,
.alloys-table td:first-child {
  color: inherit;
}