/* The deck's five phases. The phase colour is the card FRAME, the phase pill fill,
   the divider-card background, and the "move on" chevron fill. Everything else on the
   card stays neutral — one phase colour per card, never two. */
:root {
  --phase-empathise: #f59e44;
  --phase-define: #eb885b;
  --phase-ideate: #679ca6;
  --phase-prototype: #547cb9;
  --phase-test: #7859af;

  /* default scope value; overridden by the [data-phase] scopes below */
  --phase: var(--phase-empathise);
  --phase-on: #26221d; /* text colour that sits on the phase colour */
}

[data-phase="empathise"] { --phase: var(--phase-empathise); --phase-on: #26221d; }
[data-phase="define"]    { --phase: var(--phase-define);    --phase-on: #26221d; }
[data-phase="ideate"]    { --phase: var(--phase-ideate);    --phase-on: #ffffff; }
[data-phase="prototype"] { --phase: var(--phase-prototype); --phase-on: #ffffff; }
[data-phase="test"]      { --phase: var(--phase-test);      --phase-on: #ffffff; }