:root {
  /* ── Colors ── */
  --primary:       #91278f;
  --primary-light: #a83aab;
  --primary-lighter: #e525ea;
  --primary-lightest: #fc96ff;
  --primary-dark:  #6e1e6d;
  --primary-bg:    #f5eaf5;
  --accent-teal:   #0d7377;
  --accent-teal-light: #12a89a;
  --accent-teal-bg: #e8f5f3;
  --dark:          #1a1a1a;
  --dark-mid:      #2d1a2e;
  --light:         #f5f5f5;
  --white:         #ffffff;
  --text:          #222222;
  --text-mid:      #555555;
  --text-light:    #888888;
  --text-muted:    #aaaaaa;
  --border:        #e0e0e0;
  --border-light:  #f0f0f0;

  /* ── Gradients ── */
  --grad-hero:     linear-gradient(135deg, #1a1a1a 0%, #2d1a2e 50%, #91278f 100%);
  --grad-is:       linear-gradient(135deg, #91278f, #a83aab);
  --grad-nwow:     linear-gradient(135deg, #0d7377, #12a89a);
  --grad-theatre:  linear-gradient(135deg, #2a2a2a, #3a2a3a);

  /* ── Typography ── */
  --ff-heading:    Georgia, 'Times New Roman', serif;
  --ff-body:       'Helvetica Neue', Arial, sans-serif;
  --ff-script:     'Brush Script MT', 'Segoe Script', cursive;

  /* ── Spacing ── */
  --section-pad:   clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 2rem);
  --container-max: 960px;
  --container-narrow: 640px;

  /* ── Layout ── */
  --nav-height:    56px;
  --border-radius: 8px;
}