/* MH SUB • Design Tokens (Dark base + selectable accent)
 * These are the non-negotiable system tokens (practical subset for WordPress implementation).
 */
:root{
  --mh-bg-900:#0B0B0C;
  --mh-bg-850:#101114;
  --mh-bg-800:#15171B;
  --mh-surf-700:#1D2026;
  --mh-border-600:#2A2E36;
  --mh-div-500:#23262D;

  --mh-txt-100:#F2F2F2;
  --mh-txt-200:#D7D7D7;
  --mh-txt-300:#A9A9A9;
  --mh-txt-400:#7A7A7A;

  /* Default: Desire Red */
  --mh-accent-500:#C1123A;
  --mh-accent-400:#E01A4F;
  --mh-accent-600:#8F0D2A;
  --mh-accent-alpha: rgba(193,18,58,0.18);

  --mh-glow: rgba(255,255,255,0.06);

  --mh-radius-lg: 20px;
  --mh-radius-md: 16px;
  --mh-radius-sm: 12px;

  --mh-shadow: 0 10px 30px rgba(0,0,0,0.5);
  --mh-font-ui: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
}

/* Accent palettes (expand later; keep small for now) */
.mh-sub[data-accent="red"]{
  --mh-accent-500:#C1123A; --mh-accent-400:#E01A4F; --mh-accent-600:#8F0D2A; --mh-accent-alpha: rgba(193,18,58,0.18);
}
.mh-sub[data-accent="violet"]{
  --mh-accent-500:#6D28D9; --mh-accent-400:#8B5CF6; --mh-accent-600:#4C1D95; --mh-accent-alpha: rgba(109,40,217,0.18);
}
.mh-sub[data-accent="cyan"]{
  --mh-accent-500:#06B6D4; --mh-accent-400:#22D3EE; --mh-accent-600:#0E7490; --mh-accent-alpha: rgba(6,182,212,0.18);
}