/*
  Dynamic Agility Website
  Detail-page colour themes for Exercises 3, 4 and 5.
*/

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) {
  --da-detail-ink: #18202f;
  --da-detail-muted: #667085;
  --da-detail-muted-light: #8a95a7;
  --da-detail-paper: #fdfbff;
  --da-detail-paper-soft: var(--da-exercise-bg);
  --da-detail-line: rgba(var(--da-exercise-accent-rgb), 0.13);

  color: var(--da-detail-ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--da-exercise-accent-soft-rgb), 0.38), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(var(--da-exercise-accent-rgb), 0.13), transparent 34rem),
    linear-gradient(180deg, var(--da-detail-paper), var(--da-detail-paper-soft)) !important;
}

.da-conference-agenda-page {
  --da-exercise-accent: #4f46e5;
  --da-exercise-accent-dark: #3730a3;
  --da-exercise-accent-soft: #c7d2fe;
  --da-exercise-bg: #eef2ff;
  --da-exercise-accent-rgb: 79, 70, 229;
  --da-exercise-accent-soft-rgb: 199, 210, 254;
}

.da-refinement-cadence-page {
  --da-exercise-accent: #65a30d;
  --da-exercise-accent-dark: #3f6212;
  --da-exercise-accent-soft: #d9f99d;
  --da-exercise-bg: #f7fee7;
  --da-exercise-accent-rgb: 101, 163, 13;
  --da-exercise-accent-soft-rgb: 217, 249, 157;
}

.da-execution-cadence-page {
  --da-exercise-accent: #0891b2;
  --da-exercise-accent-dark: #164e63;
  --da-exercise-accent-soft: #a5f3fc;
  --da-exercise-bg: #ecfeff;
  --da-exercise-accent-rgb: 8, 145, 178;
  --da-exercise-accent-soft-rgb: 165, 243, 252;
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-overline,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-breadcrumbs a,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-canvas-tip strong,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-facilitator-note strong {
  color: var(--da-exercise-accent);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-hero h1 {
  background: linear-gradient(135deg, var(--da-detail-ink) 0%, var(--da-exercise-accent-dark) 54%, var(--da-exercise-accent) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-section,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-north-star,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-output-section {
  border-color: rgba(var(--da-exercise-accent-rgb), 0.16);
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--da-exercise-accent-soft-rgb), 0.22), transparent 18rem),
    rgba(255, 255, 255, 0.70);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-primary-action,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-five-field-list article > span,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-map-core,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-sidebar-footer a {
  background: linear-gradient(135deg, var(--da-exercise-accent), var(--da-exercise-accent-dark)) !important;
  color: #ffffff;
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-secondary-action,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-group[open] {
  border-color: rgba(var(--da-exercise-accent-rgb), 0.22);
  background: rgba(255, 255, 255, 0.74);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-decision-question-grid article span,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-timeline-grid article span,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-group .da-nav-number {
  background: rgba(var(--da-exercise-accent-soft-rgb), 0.62);
  color: var(--da-exercise-accent-dark);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-sidebar {
  border-color: rgba(var(--da-exercise-accent-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.76)),
    rgba(var(--da-exercise-accent-soft-rgb), 0.32);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-subitem span {
  color: var(--da-exercise-accent);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-subitem:hover,
.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-subitem.is-active {
  background: rgba(var(--da-exercise-accent-soft-rgb), 0.42);
  color: var(--da-detail-ink);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-detail-nav-subitem.is-active {
  box-shadow: inset 3px 0 0 var(--da-exercise-accent);
}

.da-subpage:is(
  .da-conference-agenda-page,
  .da-refinement-cadence-page,
  .da-execution-cadence-page
) .da-subpage-closing {
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--da-exercise-accent-soft-rgb), 0.30), transparent 20rem),
    linear-gradient(135deg, #171923, var(--da-exercise-accent-dark)) !important;
}