/* Guided journeys (Rhythm Path + Strumming Vibe Lab) — First Light Golden Hour palette */

body.rhythm-path-page,
body.glass-page--guided-journey {
  --fl-bg: #0a192f;
  --fl-navy-850: #122242;
  --fl-navy-800: #152a4a;
  --fl-border: rgba(255, 255, 255, 0.1);
  --fl-border-soft: rgba(255, 255, 255, 0.08);
  --fl-gold: #f0c45b;
  --fl-teal: #2a9db5;
  --fl-ink: #f7fbff;
  --fl-body: #b9c8de;
  --fl-body-warm: #c8d4e8;
  --fl-muted: rgba(185, 200, 222, 0.72);

  /* Rhythm path legacy tokens */
  --gold: var(--fl-gold);
  --teal: var(--fl-teal);
  --white: var(--fl-ink);
  --text: var(--fl-body);
  --slate: var(--fl-body-warm);
  --muted: var(--fl-muted);
  --blue-bg: var(--fl-bg);
  --blue-gradient: var(--fl-bg);

  /* Practice session tokens (inherit into inline practice.html styles) */
  --navy: var(--fl-bg);
  --navy-stage: #060f1f;
  --lesson-surface: var(--fl-navy-850);
  --lesson-surface-border: var(--fl-border);
  --teal-bright: #38dcd2;
  --teal-deep: var(--fl-teal);
}

/* —— Journey welcome (rhythm-path.html) —— */

body.rhythm-path-page {
  background: var(--fl-bg);
  background-color: var(--fl-bg);
  color: var(--fl-body);
}

body.rhythm-path-page .rhythm-path-how-col {
  background: linear-gradient(165deg, rgba(18, 34, 66, 0.72), rgba(10, 25, 47, 0.55));
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-top: 3px solid rgba(42, 157, 181, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.rhythm-path-page .rhythm-path-how-title {
  color: var(--fl-ink);
}

body.rhythm-path-page .rhythm-path-how-lede,
body.rhythm-path-page .rhythm-path-prose {
  color: var(--fl-body);
}

body.rhythm-path-page .rhythm-path-note {
  background: linear-gradient(180deg, rgba(240, 167, 58, 0.07), rgba(240, 167, 58, 0.02));
  border: 1px solid rgba(240, 167, 58, 0.28);
  color: var(--fl-body-warm);
}

body.rhythm-path-page .rhythm-path-section--sessions {
  border-top-color: var(--fl-border-soft);
}

body.rhythm-path-page .rhythm-path-mini-card {
  background: linear-gradient(165deg, rgba(18, 34, 66, 0.72), rgba(10, 25, 47, 0.55));
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-left: 3px solid rgba(42, 157, 181, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.rhythm-path-page .rhythm-path-mini-card:hover {
  border-color: rgba(240, 196, 91, 0.45);
  border-left-color: var(--fl-gold);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.rhythm-path-page .rhythm-path-mini-card--baseline {
  background: linear-gradient(165deg, rgba(240, 167, 58, 0.1), rgba(10, 25, 47, 0.55));
  border-color: rgba(240, 196, 91, 0.35);
  border-left-color: var(--fl-gold);
}

body.rhythm-path-page .rhythm-path-mini-card--coming-soon {
  border-left-color: rgba(42, 157, 181, 0.35);
}

body.rhythm-path-page .rhythm-path-mini-title {
  color: var(--fl-ink);
}

body.rhythm-path-page .rhythm-path-mini-meta {
  color: var(--fl-muted);
}

body.rhythm-path-page .rhythm-path-back a {
  color: var(--fl-teal);
}

body.rhythm-path-page .rhythm-path-details {
  background: linear-gradient(165deg, rgba(18, 34, 66, 0.55), rgba(10, 25, 47, 0.45));
  border: 1px solid rgba(148, 163, 184, 0.2);
}

body.rhythm-path-page .rhythm-path-details-summary {
  color: var(--fl-body);
}

body.rhythm-path-page .rhythm-path-details-summary::after {
  color: var(--fl-teal);
}

body.rhythm-path-page .rhythm-path-details[open] .rhythm-path-details-summary {
  border-bottom-color: var(--fl-border-soft);
}

body.rhythm-path-page .rhythm-path-glossary li {
  border-bottom-color: var(--fl-border-soft);
}

body.rhythm-path-page .rhythm-path-glossary dd {
  color: var(--fl-body);
}

/* —— Guided practice player (practice.html) —— */

body.glass-page--guided-journey {
  background: var(--fl-bg);
  background-color: var(--fl-bg);
  color: var(--fl-body);
}

body.glass-page--guided-journey .practice-topbar {
  border-bottom-color: var(--fl-border);
}

body.glass-page--guided-journey .session-briefing {
  background: var(--fl-bg);
}

body.glass-page--guided-journey .focus-column,
body.glass-page--guided-journey .context-column {
  background: var(--fl-navy-850);
  border-color: var(--fl-border);
}

body.glass-page--guided-journey .session-briefing-inner {
  border-color: var(--fl-border);
}

body.glass-page--guided-journey .btn-primary,
body.glass-page--guided-journey .session-song-link {
  background: linear-gradient(180deg, #38dcd2 0%, var(--fl-teal) 100%);
  border-color: rgba(42, 157, 181, 0.58);
  color: #071832;
}

body.glass-page--guided-journey .btn-outline {
  color: var(--fl-teal);
  border-color: rgba(42, 157, 181, 0.55);
}

body.glass-page--guided-journey .btn-outline:hover,
body.glass-page--guided-journey .btn-outline:focus-visible {
  color: var(--fl-teal);
  border-color: rgba(42, 157, 181, 0.75);
  background: rgba(42, 157, 181, 0.1);
}

body.glass-page--guided-journey .step-header,
body.glass-page--guided-journey .session-briefing-kicker {
  color: var(--fl-teal);
}

body.glass-page--guided-journey .instruction-heading,
body.glass-page--guided-journey .session-briefing-title {
  color: var(--fl-ink);
}

body.glass-page--guided-journey .instruction-text,
body.glass-page--guided-journey .session-briefing-mission,
body.glass-page--guided-journey .session-muted {
  color: var(--fl-body);
}

body.glass-page--guided-journey .session-briefing-fun-fact-wrap,
body.glass-page--guided-journey .step-fun-fact-card {
  background: linear-gradient(180deg, rgba(240, 167, 58, 0.07), rgba(240, 167, 58, 0.02));
  border-color: rgba(240, 167, 58, 0.28);
}

body.glass-page--guided-journey .session-upcoming {
  border-top-color: rgba(42, 157, 181, 0.28);
}

body.glass-page--guided-journey .session-progress-track {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--fl-border);
}

body.glass-page--guided-journey .session-progress-fill {
  background: linear-gradient(90deg, var(--fl-teal), var(--fl-gold));
}