/*
 * Luminous Touch theme page — routine-builder state styles, ported from the
 * prototype's JS-computed step styles (html-design/Theme Luminous.dc.html
 * renderVals().routineSteps). Layout classes live on the markup; only the
 * on/off state is here, keyed off aria-pressed (toggled by
 * pages/theme-luminous-touch.js). Colour literals mirror the design tokens
 * in assets/css/input.css plus the prototype's muted step greys.
 */
[data-routine-step] {
  background: transparent;
}
[data-routine-step] [data-step-num],
[data-routine-step] [data-step-title] {
  color: #A1A1AA;
}
[data-routine-step] [data-step-price] {
  color: #C8C8CE;
}
[data-routine-step] [data-step-box] {
  border-color: #C8C8CE;
  background: transparent;
}
[data-routine-step] [data-step-check] {
  display: none;
}
[data-routine-step][aria-pressed="true"] {
  background: #fff;
}
[data-routine-step][aria-pressed="true"] [data-step-num] {
  color: #FF6333;
}
[data-routine-step][aria-pressed="true"] [data-step-title] {
  color: #0B0B0C;
}
[data-routine-step][aria-pressed="true"] [data-step-price] {
  color: #0B0B0C;
}
[data-routine-step][aria-pressed="true"] [data-step-box] {
  border-color: #FF6333;
  background: #FF6333;
}
[data-routine-step][aria-pressed="true"] [data-step-check] {
  display: block;
}