/* ============================================================
   MIZHGAN DESIGN SYSTEM — core tokens
   A Y2K / GeoCities maximalist visual language.
   Deep wine surface · neon glow type · 3D beveled chrome.
   ============================================================ */

:root {
  /* ---- Surface ------------------------------------------------ */
  --mz-bg:            #34011f;   /* deep wine-purple page base   */
  --mz-bg-2:          #4a0530;   /* lifted panel wine            */
  --mz-bg-tile:       url('img/c8-bg.gif');
  --mz-ink:           #ffffff;   /* primary text                 */
  --mz-ink-soft:      #f3d9ea;   /* muted text on wine           */
  --mz-shadow:        #000000;   /* hard 1px text shadow         */

  /* ---- Neon pinks (primary accent) --------------------------- */
  --mz-pink:          #ff66cc;   /* button top / fills           */
  --mz-pink-hot:      #ff3399;   /* hot glow ring                */
  --mz-pink-glow:     #ff66aa;   /* soft halo                    */
  --mz-pink-core:     #ff0066;   /* glow core / hottest          */
  --mz-magenta-deep:  #800040;   /* button bottom / shade        */
  --mz-pink-edge:     #ffb3dd;   /* beveled border highlight     */

  /* ---- Neon purples (secondary accent) ----------------------- */
  --mz-purple:        #cc66ff;   /* button top / fills           */
  --mz-purple-glow:   #cc33ff;   /* glow ring                    */
  --mz-purple-deep:   #4a0080;   /* button bottom / shade        */
  --mz-purple-edge:   #e0b3ff;   /* beveled border highlight     */

  /* ---- Warm accents ------------------------------------------ */
  --mz-gold:          #fec36c;   /* tagline / emphasis           */
  --mz-amber:         #ffdb4d;   /* favicon / hot highlight      */

  /* ---- Type families ----------------------------------------- */
  --mz-font-display:  Times, "Times New Roman", serif;       /* italic neon headings */
  --mz-font-ui:       Arial, "Helvetica Neue", Helvetica, sans-serif; /* welcome / labels */

  /* ---- Glow recipes (text-shadow) ---------------------------- */
  --mz-glow-pink:     2px 2px 0 #000, 0 0 14px #ff66aa, 0 0 28px #ff0066;
  --mz-glow-purple:   2px 2px 0 #000, 0 0 14px #cc66ff, 0 0 28px #cc33ff;
  --mz-glow-gold:     1px 1px 0 #000, 0 0 12px rgba(254,195,108,0.8);
  --mz-shadow-hard:   1px 1px 0 #000;

  /* ---- Bevel borders (3D chrome) ----------------------------- */
  --mz-bevel-pink:    3px outset #ffb3dd;
  --mz-bevel-purple:  3px outset #e0b3ff;

  /* ---- Box glows --------------------------------------------- */
  --mz-box-pink:      0 0 16px #ff3399, inset 0 0 12px rgba(255,200,220,0.5);
  --mz-box-purple:    0 0 16px #cc33ff, inset 0 0 12px rgba(220,200,255,0.5);

  /* ---- Motion ------------------------------------------------ */
  --mz-press:         transform 0.05s ease;
}