/* ===================================================================== THE TISA BUSINESS PALETTE. ONE SOURCE, extracted 2026-09-09. This block used to live inside assets/tb-business.css. It was lifted out because business/onboarding-application.php is a standalone page: it builds its own , loads no shared chrome and therefore never got this file, so it carried a PASTED COPY of the palette. The copy drifted once already and left that page on the retired violet system after the purple flip. Now both read the same file. It is declared on BOTH selectors on purpose: :root serves a standalone page such as the application form. body.tb-body serves every page that loads the shared header, at a higher specificity, exactly as before. Load this BEFORE tb-business.css. Custom properties resolve where they are USED, not where they are declared, so nothing downstream cares. ===================================================================== */ :root, body.tb-body{ /* --- GROUNDS. Light ladder. Measured: the previous dark ladder put SEVEN of its eleven grounds below 1% relative luminance, and the step between adjacent rungs was 1.03:1, which is invisible on any screen. A 1.07:1 step at 90% luminance is not, because the eye discriminates far better at high luminance. That is the whole reason a light zebra reads and a dark one does not. --- */ --tb-paper:#FFFFFF; --tb-porcelain:#F6F3FA; --tb-bg:#F6F3FA; /* LOCKED 2026-09-02: TWO light surfaces only, White and Cool Off-White. #F6F3FA was a lilac-tinted grey carrying bg-soft, bg-tint, bg-deep, the zebra and the row hover. It measured 1.07 against #F6F3FA, so it was not buying a visible step, only a purple cast on half the site. */ --tb-bg-soft:#FFFFFF; --tb-bg-tint:#FFFFFF; --tb-bg-deep:#FFFFFF; --tb-white:#FFFFFF; /* 48 uses, every one a background */ /* --- ONE DARK GROUND: TISA PURPLE #320561, set 2026-09-03 and now the only dark on the site, the landing hero and every footer included. HISTORY, so it is not re-argued: there had been three darks, #2A0E45 sections, #1A0A2E footers and #0D0B1F, and they measured 1.11, 1.04 and 1.15 against each other. Under about 1.2 the eye reads one colour, so the site was paying for a three-tone dark system nobody could see, and wherever two of them met it read as a seam. They collapsed to one value on 2026-09-02, and that value became this purple on 2026-09-03. WHY THIS VALUE. It is the TISA logo gradient's own hue, 269deg, at saturation 0.90, taken down to a ground weight. The logo indigo #6108C0 itself is a saturated MID-TONE: right for a button or a short band, wrong for a 1000px section or a footer that runs every page, where that much saturation reads loud rather than premium. MEASURED: white on it 15.79, supporting ink #E9DCF8 on it 12.07, and against the light grounds 15.79 and 14.38, so entering and leaving the dark is still an event. Against the old #0D0B1F it is 1.23, so the change is visible rather than notional. --- */ --tb-ground-deep:#320561; --tb-ground-deep-2:#320561; --tb-navy:#320561; --tb-deep:#320561; /* --- INK on light. Ratios on #FFFFFF / #F6F3FA / #F6F3FA / #F6F3FA: ink 17.3 / 16.4 / 15.5 / 14.4 body 10.6 / 10.1 / 9.5 / 8.9 muted 5.8 / 5.5 / 5.2 / 4.8 (label use only, never a reading passage) --- */ --tb-ink:#17151D; --tb-body:#56515F; --tb-muted:#56515F; /* --- INK for use inside a dark punctuation band. --- */ --tb-ink-inv:#FFFFFF; /* #E9DCF8, not the old #DAD4E6: 15.9:1 on Midnight Ink against 13.0, and violet-tinted rather than grey-lilac, so it belongs to the brand hue. */ --tb-body-inv:#E9DCF8; --tb-muted-inv:#E9DCF8; --tb-accent-text-inv:#FFFFFF; /* --- structure. The old hairline measured 1.08:1 to 1.44:1 against the grounds it was drawn on, so the rate cards effectively had no grid. --- */ --tb-line:rgba(23,21,29,0.14); --tb-line-soft:rgba(23,21,29,0.08); --tb-line-strong:rgba(23,21,29,0.26); --tb-titanium:#56515F; --tb-zebra:#F6F3FA; /* ink-alpha, not a tint: it darkens whatever it is drawn on, so it reads on a white row AND on a striped row without introducing a third surface. */ --tb-row-hover:rgba(23,21,29,0.05); /* --- the action colour. THE SPLIT IS NOT OPTIONAL: #081A2B carries white text at 5.59:1 as a FILL, and only 3.15:1 as TEXT on light, which fails. Text and links therefore use --tb-accent-text. --- */ --tb-purple:#320561; --tb-purple-deep:#9E0493; --tb-purple-soft:#FFFFFF; --tb-purple-on-dark:#FFFFFF; /* THE LOGO INDIGO IS THE LINK AND ACTION COLOUR, 2026-09-03. Links had run #5B1E7A, a purple in nothing else, and actions had run #3903C3, a blue that was never in the logo. Both are gone and both are now #6108C0, the top of the logo gradient, so the palette got SMALLER by one colour rather than larger. MEASURED 9.11 on white and 8.30 on the off-white, far above AA. Hover goes to the logo magenta, which is the one place the signature accent earns a functional home. IT IS AN ACTION ON LIGHT GROUNDS ONLY: on the #320561 ground it is 1.73 and a purple button dissolves into the surface it sits on, so on any dark ground the one action is a WHITE fill with ink on it. */ --tb-accent-text:#6108C0; --tb-accent-text-hover:#9E0493; --tb-signal:#320561; /* THE CTA PAIR, 2026-09-01. The fill has to change with the ground, so it is a token and the dark scope below flips it. On light: the logo indigo. MEASURED #6108C0 on the light grounds 9.11 and 8.30. */ --tb-cta-fill:#6108C0; --tb-cta-fill-hover:#4C0699; --tb-cta-ink:#FFFFFF; --tb-live:#0E7038; /* 6.2:1 on white. #3DDC84 only inside a dark band. */ /* --- elevation. Real shadows again, tinted ink rather than black. --- */ --tb-e1:0 1px 2px rgba(23,21,29,0.06); --tb-e2:0 2px 6px rgba(23,21,29,0.07), 0 12px 28px rgba(23,21,29,0.06); --tb-e3:0 8px 20px rgba(23,21,29,0.10), 0 32px 64px rgba(23,21,29,0.10); /* --- THE TYPE RAMP, as roles. Pages opt in. --- */ --fs-display:clamp(38px,4.6vw,62px); --fs-h2-lead:clamp(30px,3.6vw,46px); --fs-h2-close:clamp(28px,2.9vw,40px); --fs-h2:clamp(25px,2.4vw,33px); --fs-h3:20px; --fs-lead:19px; --fs-body:16px; --fs-ui:15px; --fs-meta:13.5px; --fs-micro:11.5px; background:var(--tb-bg); color:var(--tb-ink); }