/* Power BI for Analytics Crash Course: palette. Deep teal (from the brand Tools accent) with the
   Power BI yellow as highlight and a subtle analytics green. Components live in crash-course.css. */

.mc--power-bi {
  --cc-accent:      var(--color-cat-tools-accent);  /* #1f6f74: 6:1 on white */
  --cc-accent-ink:  #185a5e;
  --cc-accent-10:   var(--color-cat-tools);         /* #e6f3f4 */
  --cc-hi:          #f2c811;                        /* Power BI yellow: fills only */
  --cc-hi-10:       #fdf8dc;
  --cc-hi-ink:      #6b5800;                        /* text on yellow tints: 6.6:1 */
  --cc-green:       #2e9e6a;
  --cc-green-ink:   #1d7149;
  --cc-green-10:    #e8f6ef;
  --cc-red-ink:     #b42318;
  --cc-red-10:      #fdecea;
  --cc-code-bg:     #f7f9fb;
  --cc-mid:         var(--color-secondary);

  --ap-grad: linear-gradient(100deg, var(--cc-accent) 0%, var(--cc-mid) 55%, var(--cc-green-ink) 100%);
  --ap-tint: #f7f8fa;
}

/* The hero journey card follows the page palette */
.mc--power-bi .mc-path__track span { background: linear-gradient(90deg, var(--cc-accent), var(--cc-hi)); }
.mc--power-bi .mc-path__step.is-done .mc-path__mark { background: var(--cc-accent); border-color: var(--cc-accent); }
.mc--power-bi .mc-path__step.is-now { background: var(--cc-hi-10); border-color: color-mix(in srgb, var(--cc-hi) 70%, transparent); }
.mc--power-bi .mc-path__step.is-now .mc-path__mark { border-color: var(--cc-hi-ink); box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 13px var(--cc-hi); }
.mc--power-bi .mc-path__now { color: var(--cc-hi-ink); background: var(--cc-hi); }