/**
 * Block editor preview — CSS variables only.
 * No Tailwind preflight so WordPress admin UI is never affected.
 *
 * @package NeueAgency
 */
:root {
  --neue-brand:          #FFAA00;
  --neue-heading-color:  #000;
  --neue-body-color:     #000;
  --neue-bg-color:       #fff;
  --neue-mist-color:     #F5F5F5;
  --neue-body-font:      'Inter', 'Hanken Grotesk', sans-serif;
  --neue-heading-font:   'Inter', 'Hanken Grotesk', sans-serif;
  --neue-letter-spacing: -.02em;
}

.editor-styles-wrapper {
  font-family: var(--neue-body-font);
  color:        var(--neue-body-color);
  background:   var(--neue-bg-color);
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
  font-family:    var(--neue-heading-font);
  font-weight:    900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  color:          var(--neue-heading-color);
}
.editor-styles-wrapper .text-brand { color: var(--neue-brand); }