/* ============================================================================
stressed.in - TYPE AND TEXT-COLOUR TOKENS
Built 21-Sep-2026 for BRIEF 6 group 1. Hemant's ruling of 21-Sep-2026.
ONE family (Poppins). Bricolage Grotesque, Hanken Grotesk and DM Mono retired.
This file is loaded LAST in by includes/header.php and by index.php,
so it wins over the header's inline :root and over theme.css / ui.css.
Rollback = remove the two lines and delete this file.
========================================================================== */
:root{
/* ---- family ---------------------------------------------------------- */
--font: 'Poppins', Arial, Helvetica, sans-serif;
/* ---- the type scale --------------------------------------------------
size / weight / line-height / tracking. Nothing visible below 12px.
Line-height falls as size rises. Tracking is normal to 18px, then tightens.
Body text is never tracked. */
--t-display-size: 56px; --t-display-weight: 400; --t-display-lh: 1.20; --t-display-ls: -0.04em;
--t-h1-size: 40px; --t-h1-weight: 400; --t-h1-lh: 1.20; --t-h1-ls: -0.03em;
--t-h2-size: 28px; --t-h2-weight: 400; --t-h2-lh: 1.30; --t-h2-ls: -0.02em;
--t-h3-size: 20px; --t-h3-weight: 500; --t-h3-lh: 1.30; --t-h3-ls: -0.02em;
--t-lead-size: 18px; --t-lead-weight: 400; --t-lead-lh: 1.60; --t-lead-ls: normal;
--t-bodylg-size: 16px; --t-bodylg-weight: 400; --t-bodylg-lh: 1.50; --t-bodylg-ls: normal;
--t-body-size: 14px; --t-body-weight: 400; --t-body-lh: 1.60; --t-body-ls: normal;
--t-small-size: 13px; --t-small-weight: 400; --t-small-lh: 1.54; --t-small-ls: normal;
--t-micro-size: 12px; --t-micro-weight: 500; --t-micro-lh: 1.40; --t-micro-ls: normal;
/* figures that are furniture, not headings */
--t-stat-size: 48px; --t-stat-weight: 500; --t-stat-lh: 1.10; --t-stat-ls: -0.03em;
--t-statlg-size: 64px; --t-statlg-weight: 400; --t-statlg-lh: 1.10; --t-statlg-ls: -0.03em;
/* the floor, stated so no future edit forgets it */
--t-floor: 12px;
/* ---- text colour roles ----------------------------------------------
Every role passes WCAG AA (>= 4.5:1) on every background it is used on.
Measured ratios are in the comment beside each one:
w = #ffffff, m = #f3f7f4 (mint), s = #e7efe9 (sage), c = #fcfaf4 (cream). */
--c-text: #15332E; /* w 13.59 m 12.57 s 11.60 c 13.02 */
--c-text-2: #40594F; /* w 7.61 m 7.04 s 6.49 c 7.29 */
--c-muted: #4E6259; /* w 6.53 m 6.04 s 5.57 c 6.26 - replaces #5c7169 (4.46 on sage) */
--c-muted-2: #5F6177; /* w 6.06 m 5.61 s 5.18 - replaces #6a7080 (4.22 on sage) and #9294a8 */
--c-link: #2A4780; /* w 9.09 m 8.40 s 7.75 */
--c-brand: #14644F; /* w 7.08 m 6.55 s 6.04 */
--c-bronze: #936918; /* w 4.91 m 4.54 - replaces #a9791c (3.86). NOT for use on sage */
--c-stone: #756C5F; /* w 5.16 m 4.78 c 4.95 - replaces #82786a (4.34). Professionals skin */
--c-accent: #C24A27; /* w 4.88 m 4.51 - replaces #E4572E (3.68) FOR TEXT ONLY.
The logo dot stays #E4572E - it is pinned and it is not text. */
--c-sage-text: #5F7268; /* w 5.13 - replaces #9fb0a6 (2.27) */
--c-sep: #5B6B63; /* w 5.63 - replaces #82968c (3.14), the "ยท" separators */
--c-on-dark: #FFFFFF; /* on --c-text 13.59, on --c-brand 7.08 */
/* ---- buttons ---------------------------------------------------------
Full pill, no shadow. stressed.in's own colours, never monday.com's purple. */
--btn-h: 50px;
--btn-pad: 14px 32px;
--btn-radius: 999px;
--btn-size: 16px;
--btn-weight: 400;
--btn-h-compact: 42px;
--btn-pad-compact: 11px 20px;
--btn-size-compact: 14px;
}
/* ---- legacy variable names -------------------------------------------------
Every page-local set (--in-*, --pr-*, --cr-*, --fr-*, --qr-*, --pi-*) and the
three canon names all point at the one family. `html:root` outranks the bare
`:root` that page-local