:root {
  /* ENA brand colour tokens */
  --ena-maroon: #580703;        /* primary */
  --ena-maroon-deep: #3d0402;
  --ena-coral: #FC8178;         /* secondary / accent */
  --ena-rosewood: #C0544D;
  --ena-blush: #FFD5D1;        /* tint */
  --ena-petal: #FDF5F5;        /* page base */
  --ena-white: #FFFFFF;
  --ena-ink: #2A1614;         /* body text */

  /* typography */
  --ena-font-display: 'Archivo', 'Archivo Black', system-ui, sans-serif;
  --ena-font-body: 'Inter', system-ui, sans-serif;
  --ena-font-mono: 'Space Mono', ui-monospace, monospace;

  /* radii & spacing */
  --ena-radius-sm: 6px;
  --ena-radius: 12px;
  --ena-radius-lg: 18px;
}

/* Buttons */
.ena-btn {
  font-family: var(--ena-font-display); font-weight: 800;
  background: var(--ena-maroon); color: var(--ena-white);
  border: 0; border-radius: var(--ena-radius);
  padding: 12px 22px; cursor: pointer; transition: background .15s;
}
.ena-btn:hover { background: var(--ena-maroon-deep); }
.ena-btn--accent { background: var(--ena-coral); color: var(--ena-maroon); }
.ena-btn--ghost { background: transparent; color: var(--ena-maroon); box-shadow: inset 0 0 0 2px var(--ena-maroon); }

a { color: var(--ena-maroon); }