/* SU-12k v9 tokens. Loads after su12-tokens-v8.css / app.css. Palette, fonts and yellow accent unchanged (R11-6: evolve v8, no redesign).
   Only sizes, weights, greys and spacing change; every value is documented in DESIGN-NOTES-v9.md. */
:root{
 /* text registers: value (ink) > label > helper > placeholder */
 --step-grey:#86868b;      /* "STEP n" (R11-2): Apple secondary grey, 3.5:1 on white (large/secondary text) */
 --label-grey:#555555;     /* row labels, 7.5:1 */
 --helper:#767676;         /* helpers, suggestions, tags, add links: 4.5:1 */
 --placeholder:#86868b;    /* empty-input placeholder in step 2 */
 --instruction:#6e6e73;    /* step-1 instructions that live inside the boxes, 5.1:1 */
 --need-ink:#6b5600;       /* short "Needs confirming" note, 6.4:1 */
 --hair:#e6e6e6;
 /* sizes */
 --text-eyebrow:16px;--tracking-eyebrow:.12em;
 --text-step-name:28px;--text-step-name-phone:26px;--text-step-n:12.5px;
 --text-value-v9:16px;--text-label-v9:14px;--text-helper:14px;--text-group-v9:12px;
 --row-h:41px;--title-row-h:46px;--label-col-v9:216px;--group-col-v9:100px;--tick-col-v9:104px;
 --column-v9:1240px;
 /* images */
 --icon-hit:36px;--icon-visual:24px;
 --tile-min:172px;
 /* v9.1 (SU-12l, R12) */
 --step-gap:8px;           /* STEP n -> step name (v9: 2px) */
 --drop-h-v91:104px;--drop-h-v91-phone:88px;   /* step 3 drop box */
}