/* ============================================================
   THEME A — minipelle-godet.com
   Vibe : industriel, technique, construction pro
   Palette : noir/gris + orange chantier
   ============================================================ */

:root {
  /* couleurs */
  --text: #1a1a1a;
  --text-muted: #5c5c5c;
  --heading: #0a0a0a;
  --bg: #ffffff;
  --bg-alt: #f4f4f2;
  --card-bg: #ffffff;
  --border: #e4e4e0;
  --accent: #ff6b00;
  --accent-dark: #e55d00;

  /* header */
  --header-bg: #121212;
  --header-text: #ffffff;

  /* hero */
  --hero-bg: #0a0a0a;
  --hero-text: #ffffff;
  --hero-pattern: repeating-linear-gradient(
    45deg,
    rgba(255,107,0,.6) 0 2px,
    transparent 2px 40px
  );

  /* footer */
  --footer-bg: #0a0a0a;
  --footer-text: #c4c4c4;

  /* fonts */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Inter", sans-serif;
}

/* Specificites Theme A */
.hero h1 {
  font-weight: 900;
  letter-spacing: -.03em;
  text-transform: none;
}
.hero h1::before {
  content: "";
  display: inline-block;
  width: 6px; height: 36px;
  background: var(--accent);
  vertical-align: middle;
  margin-right: 16px;
  transform: translateY(-4px);
}

/* Look brut pour specs */
.product-specs .spec-tag {
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Section headers avec numero (Theme A gimmick) */
.section h2::before {
  content: attr(data-num);
  display: inline-block;
  font-family: var(--font-mono);
  font-size: .55em;
  color: var(--accent);
  margin-right: 10px;
  font-weight: 700;
  vertical-align: middle;
}

.brand-mark {
  border-radius: 2px;
}