/* Lumière's purple light: deep violet stage, lavender glass, orchid highlights. */
:root {
  --bg: #120c1d;
  --ink: #f6f0ff;
  --muted: #bdb0ce;
  --accent: #d5b0ff;
  --accent-hot: #e9a9ed;
  --line: #e1d0f530;
  --light-gradient: linear-gradient(115deg, #e5cdff 0%, #c5a3fa 52%, #f1c7ef 100%);
  --stage-gradient: linear-gradient(125deg, #301942, #1d112e 52%, #130d20);
}
body {
  background: radial-gradient(ellipse at 5% 8%, #622c8e26, transparent 32%),
    radial-gradient(ellipse at 95% 48%, #903d9c1a, transparent 36%), var(--bg);
}
.hero-live .hero-shade {
  background: radial-gradient(ellipse at 85% 20%, #7430ac2b, transparent 62%),
    linear-gradient(0deg, #120c1df2, transparent 55%, #10091caa),
    linear-gradient(90deg, #170a24b8, #170a2440);
}
.hero-live .hero-last em { color: #e0bbff; text-shadow: 0 0 55px #c785ff38; }
.hero-stroke path { stroke: #d5b0ff; filter: drop-shadow(0 0 7px #bc78ff); }
.hero-stroke path:nth-child(2) { stroke: #edb6f7; }
.hero-beam { background: linear-gradient(90deg, transparent, #e8bdff, #c4a4ff, transparent); }
.ribbon { background: var(--light-gradient); color: #251033; }
.action.primary, .action.header-cta, .mobile-dock a:first-child {
  background: var(--light-gradient); color: #251033; border-color: #efdcff99;
}
.action.outline, .action.glass {
  background: linear-gradient(110deg, #9464bc29, #ce9bff0a);
  border-color: #e5caff70;
}
.action.dark, .mobile-dock a:last-child {
  background: linear-gradient(115deg, #59347a, #301d48);
  color: #f6f0ff; border-color: #ad81ce;
}
.mobile-dock { background: #1a1029f2; border-top-color: #d5b0ff44; }
.experience {
  background: radial-gradient(ellipse at 5% 70%, #9441bf26, transparent 60%), var(--stage-gradient);
}
.rhythm-section {
  background: radial-gradient(ellipse at 80% 45%, #963bbb30, transparent 62%),
    linear-gradient(125deg, #160d24, #2c183d);
}
.rhythm-stage {
  background: radial-gradient(circle at 50% 46%, #a355d52a, transparent 65%),
    linear-gradient(145deg, #38214b88, #110a1bcc);
}
.rhythm-pad {
  background: radial-gradient(circle at 35% 25%, #f2ddff, #c3a0fa 58%, #a47bd5);
  border-color: #f3dcff; color: #251033;
}
.check-card[aria-checked="true"] {
  background: linear-gradient(95deg, #c182ff20, #e4a6ef0a 65%, transparent);
}
.journey-switch>button[aria-pressed="true"], .guidance-choice[aria-pressed="true"] {
  background: var(--light-gradient); color: #251033; border-color: #e3c5ff;
}
.check-guidance, .event-request {
  background: radial-gradient(ellipse at 100% 0, #ab5fd52a, transparent 65%), var(--stage-gradient);
}
.light-signature, .rhythm-art {
  background: radial-gradient(ellipse at 50% 100%, #a55fce30, transparent 70%),
    linear-gradient(135deg, #29173b, #120c1e);
}
.lesson-plans {
  color: #2b163d;
  background: radial-gradient(ellipse at 12% 0, #d6baf3, transparent 60%),
    linear-gradient(135deg, #f6efff, #e9def4 60%, #f3e4f3);
}
.lesson-option { background: linear-gradient(140deg, #fcf8ff, #e5d6f1); }
.lesson-option[aria-pressed="true"] {
  background: linear-gradient(135deg, #75439c, #3b2055); color: #f6f0ff;
  border-color: #7b4c9d; box-shadow: 0 4px 0 #281339, 0 0 0 2px #a672cc4d;
}
.lesson-option.is-pressed, .lesson-option:active { box-shadow: 0 1px 0 #281339; }
.lesson-panel { background: linear-gradient(130deg, #fcf9ff, #f0e7f7); }
.lesson-plans :focus-visible { outline-color: #713d99; }
.contact-photo:after {
  background: linear-gradient(90deg, #210b3270, transparent), linear-gradient(0deg, #120c1da6, transparent 70%);
}
@supports (background-clip: text) {
  .hero-live .hero-last em {
    background: linear-gradient(105deg, #f2e0ff 5%, #cba1ff 48%, #f3b7ed 95%);
    background-clip: text; -webkit-background-clip: text; color: transparent;
  }
}
@media (forced-colors: active) {
  .hero-live .hero-last em { background: none; color: CanvasText; text-shadow: none; }
}