/* CastMe stage lighting: colour at moments of discovery, quiet reading surfaces. */
:root {
  --stage-pink: #eebfd6;
  --stage-rose: #8b245a;
  --stage-mint: #a6efc5;
  --stage-amber: #f4cb92;
}

/* The approved cinema artwork stays intact; light gathers around the invitation. */
.approved-home .cinema-copy h1 em { color: var(--stage-pink); text-shadow: 0 0 32px #c98aae22; }
.approved-home .cinema-actions .cinema-cta:not(.ghost) {
  background: var(--stage-pink); color: #271523; border-color: var(--stage-pink);
  box-shadow: 0 0 26px #c98aae22;
}
.approved-home .light-trace {
  background: linear-gradient(90deg, transparent, #8beaaf 20%, #ffe5f3 46%, #ff8fce 66%, transparent);
  box-shadow: 0 0 16px #f074b75c, 0 0 34px #f074b733;
  animation: stage-light-breathe 6s ease-in-out infinite;
}

/* A green welcome, with a pink pool of light behind the account controls. */
.workspace-home > .page-head {
  border-bottom: 1px solid #d8c5d1;
  padding-bottom: 28px;
  background: radial-gradient(ellipse at 92% 65%, #f7b5d733, transparent 65%);
}
.workspace-home .workspace-next {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(24px, 3vw, 40px); border: 1px solid #805166; border-radius: 16px;
  background: #192f2c; color: #fff9fc;
  box-shadow: 0 12px 36px #37243312, 0 0 25px #ed66ae12;
}
.workspace-home .workspace-next::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 100% 0, #d34b9159, transparent 66%);
  animation: stage-light-breathe 7s ease-in-out infinite;
}
.workspace-home .workspace-next > .eyebrow { color: var(--stage-pink); }
.workspace-home .workspace-next > p { color: #d9e3df; }
.workspace-home .workspace-next .button {
  background: var(--stage-pink); border-color: var(--stage-pink); color: #271523;
}
.workspace-home .workspace-next .workspace-stats { border-color: #61736b; }
.workspace-home .workspace-next .workspace-stats a,
.workspace-home .workspace-next .workspace-stats span { color: #e1eae5; }
.workspace-home .workspace-next .workspace-stats strong { color: var(--stage-pink); }
.workspace-home .activity-card {
  --card-light: #8b245a; --card-wash: #f8e7f0;
  padding: 25px; border: 1px solid #e4ced9; border-top: 3px solid var(--card-light);
  border-radius: 12px; background: linear-gradient(150deg, var(--card-wash), #fffdf8 72%);
  transition: box-shadow 180ms ease, border-color 180ms ease;
}
.workspace-home .activity-card:nth-child(2) { --card-light: #23694c; --card-wash: #e4f2e7; border-color: #bbd5c7; border-top-color: var(--card-light); }
.workspace-home .activity-card:nth-child(3) { --card-light: #875017; --card-wash: #f8eddd; border-color: #e1cdb2; border-top-color: var(--card-light); }
.workspace-home .activity-card .activity-symbol,
.workspace-home .activity-card > .eyebrow,
.workspace-home .activity-card > strong { color: var(--card-light); }
.workspace-home .activity-card .activity-symbol {
  width: 45px; height: 45px; display: grid; place-items: center;
  background: #ffffffb3; border-radius: 50%; box-shadow: 0 0 18px var(--card-wash);
}
.workspace-home .activity-card:hover,
.workspace-home .activity-card:focus-visible { border-color: var(--card-light); box-shadow: 0 8px 25px #143b3614; }

/* Pink lighting frames opportunities; role details keep their existing contrast. */
.op-page .op-hero {
  background: radial-gradient(ellipse at 100% 0, #a8447766, transparent 66%), #143b36;
  border: 1px solid #81566c;
}
.op-page .op-hero h1 em { color: var(--stage-pink); }
.op-page .op-ticket { background: #ffd2e8; box-shadow: 12px 15px 0 #071f1b70, 0 0 30px #ec70b129; }

/* Mixed lighting for the performers, without recolouring their photographs. */
.home-showcases .member-card { --portrait-glow: #75cfa8; }
.home-showcases .member-card:nth-child(2n) { --portrait-glow: #df75b0; }
.home-showcases .member-card:nth-child(3n) { --portrait-glow: #d9b16f; }
.home-showcases .member-card > img {
  border-color: var(--portrait-glow); animation: none;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--portrait-glow) 35%, transparent), 0 0 22px color-mix(in srgb, var(--portrait-glow) 22%, transparent);
}
.home-showcases .member-card:hover > img,
.home-showcases .member-card:focus-visible > img {
  box-shadow: 0 0 0 2px var(--portrait-glow), 0 0 30px color-mix(in srgb, var(--portrait-glow) 40%, transparent);
}
@keyframes stage-light-breathe { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }
@media (max-width: 600px) {
  .workspace-home > .page-head { padding-bottom: 20px; }
  .workspace-home .workspace-next, .workspace-home .activity-card { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .approved-home .light-trace, .workspace-home .workspace-next::before { animation: none; opacity: 1; }
  .workspace-home .activity-card { transition: none; }
}
@media (forced-colors: active) {
  .workspace-home .workspace-next, .workspace-home .activity-card { border: 1px solid CanvasText; }
  .workspace-home .workspace-next::before, .approved-home .light-trace { display: none; }
}