/* =====================================================================
   Shared design tokens — CUHK Business School 2026 style guide.
   Single source of truth for values used by more than one component
   (currently footer + header). Declared on :root, not a component class,
   so they cascade to every element automatically — no per-component
   re-declaration, and no sibling-scoping workarounds needed (a :root
   custom property is inherited everywhere, including elements that
   aren't descendants of whichever component first needed it).

   Component-specific tokens (e.g. header's --menu-purple, --divider)
   stay in that component's own stylesheet — this file is only for
   values genuinely shared across components.
   ===================================================================== */
:root {
	--util-100: #f2f2f2;
	--util-200: #e2e3e4;
	--util-300: #959595;
	--util-400: #808080;
	--util-500: #595959;
	--util-700: #3d3d3d;
	--heading-purple: #5c33ad;
	--shadow: 0 0 25px rgba(0, 0, 0, 0.08);
	--cuhk-gutter: var(--wp--preset--spacing--50, clamp(30px, 5vw, 50px)); /* TT5 root padding */
}