/*
 * EuroTakel brand tokens. The only file that differs between the EuroTakel and Pech Punt themes:
 * every colour in the other stylesheets is one of these variables. Names describe the role,
 * "d…" = on dark blocks (header, page heading, dark cards), which are dark on both brands.
 */
:root {
	--page: #171717;          /* page background */
	--surface: #1F1F1F;       /* cards and alternating sections */
	--ink: #0F0F0F;           /* darkest: header, hero, dark blocks, text on the accent colour */
	--ink-rgb: 15, 15, 15;    /* same as --ink, for transparent overlays */
	--line: #2E2E2E;          /* borders on the page */
	--text: #FFFFFF;          /* text on the page */
	--body: #D5D0C8;          /* running text */
	--muted: #B5B0A8;         /* secondary text on the page */
	--btn2: #2A2A2A;          /* secondary (neutral) button */

	--dsurface: #222222;      /* cards on dark blocks */
	--dline: #2A2A2A;         /* borders on dark blocks */
	--dline2: #333333;
	--dline3: #3A3A3A;
	--dmuted: #B5B0A8;        /* secondary text on dark blocks */
	--dsoft: #E9E4DC;         /* soft white text on dark blocks */
	--white: #FFFFFF;
	--invert: #FFFFFF;        /* hover fill of outline buttons on dark blocks */

	--accent: #F7B500;        /* brand colour */
	--accent-hover: #FFC533;
	--accent-text: #F7B500;   /* brand colour used as text on the page */
	--accent-num: #F7B500;     /* large numbers (counters, steps) */
	--accent-glow: rgba(243, 146, 0, .25);

	--pill: #1C1A17;          /* gallery filter chips */
	--pill-bg: #FFFFFF;
	--error: #FF8A7A;

	--wa: #1FA855;
	--wa-hover: #25D366;
	--wa-ink: #0B2E16;
	--novax: #FF3B3B;

	--font-display: 'Big Shoulders Display', 'Work Sans', sans-serif;
	--font-body: 'Work Sans', system-ui, sans-serif;
}