/* Shared design tokens for the 10 AQWUM-Website pages. Extracted from duplicated inline :root blocks (WID-867) after the WID-856 design-compliance audit confirmed these values are meant to be identical everywhere they're currently defined. --line / --line-2 are an intentional 3-way page-family split (not a drift) — see the [data-token-family] rules below. Every page must set data-token-family="content|app|mobile" on to pick up a value. */ :root{ --bg-0:#06031f; --bg-1:#0f172b; --bg-2:#1d293d; --bg-3:#243349; --text-0:#fff; --text-1:#cad5e2; --text-2:#90a1b9; --text-3:#62748e; --cyan:#00d3f2; --green:#00d492; --purple:#c27aff; --pink:#ff637e; --yellow:#ffb900; --orange:#ffa629; --violet:#ad46ff; --red:#ff2056; --radius:18px; --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 12px 40px rgba(0,0,0,0.35); } /* Content/marketing pages: home, methodology, onboarding, values, agents */ html[data-token-family="content"]{ --line:rgba(255,255,255,0.06); --line-2:rgba(255,255,255,0.10); } /* Desktop app/hub pages: index, priority, mastery */ html[data-token-family="app"]{ --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.14); } /* Mobile app-preview pages: mobile-simulator, mobile */ html[data-token-family="mobile"]{ --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.12); } /* white-on-dark alpha-opacity scale (WID-351, collapsed WID-746) — near-duplicate steps (0.025/0.03, 0.04/0.045, 0.14/0.15) were merged after rendering each pair over the real card/nav backgrounds and confirming <=2/255 channel delta (imperceptible); steps >=3/255 apart (0.15/0.16, 0.18/0.2) were kept distinct */ :root{ --white-a020:rgba(255,255,255,0.02); --white-a030:rgba(255,255,255,0.03); --white-a040:rgba(255,255,255,0.04); --white-a050:rgba(255,255,255,0.05); --white-a060:rgba(255,255,255,0.06); --white-a070:rgba(255,255,255,0.07); --white-a080:rgba(255,255,255,0.08); --white-a090:rgba(255,255,255,0.09); --white-a100:rgba(255,255,255,0.1); --white-a120:rgba(255,255,255,0.12); --white-a140:rgba(255,255,255,0.14); --white-a160:rgba(255,255,255,0.16); --white-a180:rgba(255,255,255,0.18); --white-a200:rgba(255,255,255,0.2); --white-a250:rgba(255,255,255,0.25); --white-a320:rgba(255,255,255,0.32); --white-a500:rgba(255,255,255,0.5); }