/**
 * MPQ Cineservice — Palette / design token globali.
 * UNICA fonte dei colori del plugin: usare SEMPRE var(--mpq-*), mai hex sparsi.
 * Brand UFFICIALE MP Quadro 2025 (Gestione Mpq/grafica colori): rosso #E7343F + nero #1D1D1B.
 * Convenzione: nero = struttura/header, rosso = azione/accento, gradiente firma rosso→nero.
 */
:root {
  /* ---- Brand ufficiale ---- */
  --mpq-red:     #E7343F; /* Alizarin Crimson */
  --mpq-red-600: #C8202B;
  --mpq-red-200: #F8B4B9;
  --mpq-ink:     #1D1D1B; /* Rangoon Black */
  --mpq-ink-800: #2B2B29;

  /* ---- Ruoli ---- */
  --mpq-primary:          var(--mpq-ink);   /* struttura / header scuri */
  --mpq-primary-hover:    #000000;
  --mpq-primary-contrast: #FFFFFF;
  --mpq-accent:           var(--mpq-red);   /* azione / firma brand */
  --mpq-accent-hover:     var(--mpq-red-600);
  --mpq-accent-contrast:  #FFFFFF;

  /* ---- Superfici ---- */
  --mpq-bg:          #FAFAFA;
  --mpq-surface:     #FFFFFF;
  --mpq-surface-alt: #F4F4F5;
  --mpq-border:      #E4E4E7;

  /* ---- Testo ---- */
  --mpq-text:         #1D1D1B;
  --mpq-text-2:       #4A4A48;
  --mpq-text-3:       #8A8880;
  --mpq-text-muted:   #6B6B6B;
  --mpq-text-inverse: #FFFFFF;

  /* ---- Fascia alternata ----
     Le sezioni della vetrina si alternano chiara/scura: qui stanno i valori di
     partenza della fascia scura. Si sovrascrivono da Impostazioni → Colori. */
  --mpq-bg-alt:       #000000;
  --mpq-text-alt:     #FFFFFF;
  --mpq-text-alt-2:   #DDDDDD;
  --mpq-text-alt-3:   #999999;

  /* ---- Stati semantici ---- */
  --mpq-success: #1F9D6B; --mpq-success-bg: #E3F6EE;
  --mpq-warning: #B5710A; --mpq-warning-bg: #FBEFD9;
  --mpq-error:   #C8202B; --mpq-error-bg:   #FBE5E6;
  --mpq-info:    #2B2B29; --mpq-info-bg:    #ECECEB;

  /* ---- Forma ---- */
  --mpq-radius:    8px;
  --mpq-radius-sm: 5px;
  --mpq-shadow:    0 1px 3px rgba(29, 29, 27, .12);
  --mpq-shadow-md: 0 6px 20px rgba(29, 29, 27, .18);
  --mpq-gradient:  linear-gradient(135deg, #E7343F 0%, #1D1D1B 100%);
}