/* =========================================================================
   Thème boutique — NoteMonEngin (dark / violet)
   Chargé APRÈS assets/style.css : surcharge tout ce qui est nécessaire pour
   coller au site parent, sans modifier le code de base. Activé par la config :
     "theme_css": "notemonengin"
   ========================================================================= */

:root {
  /* Palette */
  --bg: #0b0e1a;
  --surface: #151a2b;
  --ink: #f5f6fa;
  --ink-soft: #c2c8da;
  --muted: #8a92a9;
  --border: #262c40;
  --dark: #070a12;
  --on-dark: #f5f6fa;

  /* Accent violet */
  --accent: #8b5cf6;
  --accent-dark: #7c3aed;
  --accent-soft: #241b3d;

  /* Typo : tout en sans-serif comme le site parent */
  --font-display: var(--font-body);

  /* Boutons : pill violet */
  --btn-bg: var(--accent);
  --btn-bg-hover: var(--accent-dark);
  --btn-radius: 999px;
}

/* --- Surcharges des zones décoratives codées en dur dans le thème de base --- */

/* Pavé du hero : passait en blanc (titre invisible) → carte sombre */
.hero-inner {
  background: linear-gradient(140deg, #151a2b 0%, #10131f 100%);
}

/* Vignette du hero : passait en terracotta → dégradé violet */
.hero-visual {
  background: radial-gradient(120% 120% at 20% 15%, #a78bfa 0%, #7c3aed 45%, #4c1d95 100%);
}

/* Bloc newsletter : dégradé sombre au lieu du crème */
.newsletter-inner {
  background: linear-gradient(135deg, #1b1533 0%, #12162a 100%);
  border-color: var(--border);
}

/* Placeholders produits (quand pas d'image) : teintes violettes uniformes */
.product-media .product-image-placeholder {
  background: radial-gradient(120% 120% at 25% 20%, #a78bfa, #5b21b6);
}

/* Halo lumineux discret sous le bouton principal, comme sur le site parent */
.btn-hero {
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.35);
}

/* Nom de la marque : capitales blanches gras, comme le header "NOTE MON ENGIN" */
.brand {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.15rem;
}