/**
 * Plan Heavy design tokens.
 *
 * The :root block from design/ph-tokens.css, values unchanged, so anything
 * built from the design mockups can use the same names they do.
 *
 * The source file also carries a global reset (a universal margin/padding
 * reset, body typography, bare button and anchor styling, scrollbar rules).
 * That is deliberately NOT copied here: this theme is an existing styled
 * site, and dropping a reset on top of it would restyle every button and
 * flatten every margin on every page. Custom properties are inert until
 * something references them, so this file adds vocabulary and changes
 * nothing on its own.
 *
 * Note: membership.css declares its own --r-sm, --r-lg and spacing scale on
 * :root and loads only on the membership page template, where it wins. No
 * component styled from these tokens renders there.
 *
 * @package PlanHeavyTheme
 */

:root {
	/* brand + ink */
	--pink: #e8568a; --pink-press: #c9376e; --pink-soft: #fdeef4;
	--ink: #16181f; --ink-2: #5b6070; --ink-3: #8f95a6;
	--surface: #f6f7f9; --white: #fff; --line: #e4e6ec; --line-2: #d3d7e0;
	/* status */
	--open: #1f7a4d; --open-soft: #e8f4ed; --soon: #a56a12; --soon-soft: #fbf2e2;
	--shut: #b03a3f; --shut-soft: #fbeaea; --gold: #e0a638;
	--warn: #a56a12; --warn-soft: #fbf2e2; --danger: #b03a3f; --danger-soft: #fbeaea;
	--info: #1d6f9c; --info-soft: #e9f2f8; --purple: #6b46c1; --purple-soft: #f0ebfa;
	/* the four modes. veggie replaces family: it exists in the platform today. */
	--m-vegan: #1f7a4d; --m-vegan-soft: #e8f4ed;
	--m-veggie: #4b8b2b; --m-veggie-soft: #eef5e8;
	--m-halal: #12756f; --m-halal-soft: #e6f2f1;
	--m-access: #1d6f9c; --m-access-soft: #e9f2f8;
	/* dark surfaces: video feed, admin rail */
	--dark: #16181f; --dark-2: #242733; --dark-3: #333748; --on-dark: rgba(255, 255, 255, .72);
	--shade: rgba(22, 24, 31, .45);
	/* space, 4 to 64 */
	--s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px; --s12: 48px; --s16: 64px;
	/* radius */
	--r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;
	/* type */
	--font: 'Plus Jakarta Sans', -apple-system, system-ui, sans-serif;
	--mono: ui-monospace, Menlo, monospace;
	--t-d1: 34px; --t-h1: 27px; --t-h2: 20px; --t-h3: 16px; --t-body: 14px; --t-sm: 13px; --t-xs: 11.5px; --t-micro: 10.5px;
	--w-reg: 500; --w-med: 600; --w-bold: 700; --w-heavy: 800;
	/* elevation */
	--e1: 0 1px 2px rgba(22, 24, 31, .06); --e2: 0 4px 16px rgba(22, 24, 31, .10);
	--e3: 0 -8px 40px rgba(22, 24, 31, .18); --e4: 0 24px 60px rgba(22, 24, 31, .28);
	/* the one tap target */
	--tap: 44px;
	/* placeholder hatch, tokenised */
	--hatch: repeating-linear-gradient(135deg, #e9ecf2 0 10px, #eff1f6 10px 20px);
	--hatch-dark: repeating-linear-gradient(135deg, #2b2f3c 0 14px, #33384a 14px 28px);
	/* Added by the accounts programme's design pass. Values verbatim from
	   design/design/ph-tokens.css, not re-picked here.
	   --test-bg / --test-fg are deliberately NOT --warn: warn already means
	   "closing soon" on content, and reusing it for "you are in a test rig"
	   would make two unrelated things look the same. */
	--header-blue: #9fbdd1;
	--s24: 96px;
	--test-bg: #241208;
	--test-fg: #ffcf94;
	/* motion */
	--fast: .14s; --mid: .22s; --sheet: .26s cubic-bezier(.32, .72, .28, 1);
}