/* ===========================================================================
   Flashmac — flip DARK del design system.
   Ridichiara gli ALIAS SEMANTICI colore sotto .theme-dark, rispecchiando il
   blocco .theme-dark di tokens/colors.css del DS. `styles` (theme.json)
   referenzia SOLO questi alias, quindi tutto il tema si ribalta da qui.

   Classe .theme-dark, come nel DS (NON body.flashmac-dark del vecchio tema).
   La classe va su <html> (no-FOUC/toggle/gaming): lì WP dichiara i custom
   props :root, quindi anche gli alias-che-referenziano-alias (le bande) si
   ribaltano puliti, senza il bug di "risoluzione congelata" del vecchio tema.
   =========================================================================== */
.theme-dark {
  --wp--custom--bg-base:        var(--wp--preset--color--ink-950);
  --wp--custom--bg-subtle:      var(--wp--preset--color--ink-900);
  --wp--custom--surface-card:   var(--wp--preset--color--ink-900);
  --wp--custom--surface-sunken: var(--wp--preset--color--ink-950);
  --wp--custom--surface-raised: var(--wp--preset--color--ink-800);

  --wp--custom--text-strong:  var(--wp--preset--color--white);
  --wp--custom--text-body:    var(--wp--preset--color--ink-100);
  --wp--custom--text-muted:   var(--wp--preset--color--ink-400);
  --wp--custom--text-inverse: var(--wp--preset--color--ink-950);
  --wp--custom--text-brand:   var(--wp--preset--color--flash-orange);

  --wp--custom--border-subtle:  var(--wp--preset--color--ink-800);
  --wp--custom--border-default: var(--wp--preset--color--ink-700);
  --wp--custom--border-strong:  var(--wp--preset--color--ink-600);
  --wp--custom--border-brand:   var(--wp--preset--color--flash-pink);

  --wp--custom--accent:       var(--wp--preset--color--flash-pink);
  --wp--custom--accent-hover: var(--wp--preset--color--pink-400);
  --wp--custom--accent-press: var(--wp--preset--color--pink-200);
  --wp--custom--accent-soft:  rgba(235, 63, 147, 0.16);
  --wp--custom--on-accent:    var(--wp--preset--color--white);

  /* Bande: ridichiarate per sicurezza (referenziano gli alias sopra).
     Con .theme-dark su <html> flipperebbero comunque; qui è belt-and-suspenders. */
  --wp--custom--band--a:      var(--wp--custom--bg-base);
  --wp--custom--band--b:      var(--wp--custom--bg-subtle);
  --wp--custom--band--accent: var(--wp--custom--accent-soft);
}
