/* ============================================================
   MUGEN° — Color tokens
   Near-black, monochrome studio palette. One cool accent.
   ============================================================ */
:root {
  /* — Raw neutrals (black → white) — */
  --mg-black: #050505;       /* page background */
  --mg-ink-900: #0d0d0d;     /* raised surface / button fill */
  --mg-ink-850: #141414;     /* card surface */
  --mg-ink-800: #1c1c1c;     /* hairline / subtle border */
  --mg-ink-700: #2a2a2a;     /* divider on dark */
  --mg-ink-600: #363636;     /* default border */
  --mg-ink-500: #545454;     /* strong border / faint text */
  --mg-gray-500: #696969;    /* muted text */
  --mg-gray-400: #828282;    /* secondary-muted text */
  --mg-gray-300: #b8b8b8;    /* secondary text */
  --mg-gray-200: #d4d4d4;
  --mg-white: #ffffff;       /* primary text on dark */

  /* — Accents — */
  --mg-blue: #0099ff;        /* interactive accent / focus */
  --mg-blue-link: #0000ee;   /* classic link blue (sparingly) */
  --mg-orange: #ed4609;      /* rare hot accent (graphics only) */

  /* — Signal colors (kept muted to match the palette) — */
  --mg-success: #3ecf8e;
  --mg-warning: #e6b800;
  --mg-danger:  #ff5247;

  /* ====== Semantic aliases — author against these ====== */
  --bg: var(--mg-black);
  --bg-elevated: var(--mg-ink-900);

  --surface-card: var(--mg-ink-850);
  --surface-raised: var(--mg-ink-900);
  --surface-inset: var(--mg-black);

  --text-primary: var(--mg-white);
  --text-secondary: var(--mg-gray-300);
  --text-muted: var(--mg-gray-400);
  --text-faint: var(--mg-gray-500);
  --text-on-accent: var(--mg-black);

  --border-subtle: var(--mg-ink-800);
  --border-default: var(--mg-ink-600);
  --border-strong: var(--mg-ink-500);
  --divider: var(--mg-ink-700);

  --accent: var(--mg-blue);
  --accent-contrast: var(--mg-white);
  --focus-ring: var(--mg-blue);

  /* Eyebrow / numeral label color */
  --label: var(--mg-gray-400);

  /* Overlays & scrims (over imagery) */
  --scrim-strong: rgba(5, 5, 5, 0.72);
  --scrim-soft: rgba(5, 5, 5, 0.35);
  --hairline-on-light: rgba(0, 0, 0, 0.14);
}