/*
 * misticSparks — VARIABILE (toate paginile)
 * Culorile și măsurile comune. Orice fișier le folosește prin var(--nume). Se încarcă primul.
 * Atenție: șablonul de categorii (Elementor 3385) își redefinește încă --msp-dark (#2b1a12); se curăță în Lotul 4.
 */

:root {
  /* Culori de bază */
  --msp-dark: #111111;
  --msp-dark-2: #21140f;
  --msp-gold: #d9a22e;
  --msp-cream: #f6eddc;
  --msp-text: #3b2b20;

  /* Culorile headerului */
  --msp-header-gold: #d8a83f;
  --msp-header-green-dark: #122b23;
  --msp-header-green: #057a53;
  --msp-header-cream: #fff9ec;

  /* Culorile footerului (mutate din CSS-ul șablonului „Footer” 2088) */
  --msf-black: #111111;
  --msf-black-deep: #0b100e;
  --msf-green-1: #122b23;
  --msf-green-2: #057a53;
  --msf-gold: #d8a83f;
  --msf-gold-light: #efcf7a;
  --msf-cream: #efe3cb;
  --msf-line: rgba(216,168,63,.22);

  /* Unde începe meniul de telefon (sub header); header.js îl recalculează */
  --msp-menu-top: 170px;
}