/* SU-12j v8 tokens. Loads after su12-tokens-v5.css. Evolved from su12-tokens-v7.css; palette unchanged.
   Every changed/new token is documented in DESIGN-NOTES-v8.md. */
:root{
 /* page head: a quiet eyebrow, not a title */
 --text-eyebrow:13px;--tracking-eyebrow:.14em;
 /* steps: active is big and bold, done is a bar, future is a faint line */
 --text-step-active:44px;--text-step-active-phone:30px;--text-step-done:20px;--text-step-future:22px;--text-step-desc:18px;
 --weight-step-active:700;--weight-step-n:500;
 --rail-width:6px;--rail-offset:24px;--bar-height:72px;--edit-height:48px;
 /* colours: --future is the only text tint; --rule-line and --rule-faint are used for lines and borders only */
 --ink-2:#555555;--future:#8c8c8c;--rule-line:#bdbdbd;--rule-faint:#dcdcdc;--hint-grey:#767676;
 /* step 1: three alternatives */
 --paste-lines:12;--paste-line:1.65;--drop-min:120px;--opt-gap:28px;
 /* step 2: spec sheet */
 --label-col:248px;--label-gap:32px;--row-min:56px;--title-row-min:72px;--tick-col:112px;--tick-hit:44px;--tick-visual:28px;
 --value-height:44px;--text-label:15px;--text-value:17px;--text-project-v8:24px;--text-group:13px;--text-small:14px;--text-micro:12px;
 /* sent */
 --text-sent:64px;--text-sent-phone:38px;--text-sent-lead:20px;
 --weight-micro:500;--weight-strong:600;--tracking-micro:.08em;--tracking-title:-.02em;
 /* step 3 */
 --warning:#b34700;
 --cover-border:var(--accent);--cover-width:8px;
 --icon-hit:44px;--icon-visual:28px;
 --scrim:rgba(0,0,0,.6);--on-scrim:#ffffff;
 --drop-image-min:200px;--drop-image-empty:280px;--drop-cross:56px;
 --send-height:72px;--send-width:440px;
}