/*
 * TIPA SYSTEM brand colours (source: https://brand.site/tipasystem).
 * Use these variables everywhere instead of hex codes. See AGENTS.md section 7.
 */

:root {
	/* Brand palette */
	--tipa-green: #297e20;       /* primary: buttons, links, accents */
	--tipa-green-50: #f7fdf7;    /* section backgrounds */
	--tipa-green-100: #e4f4e1;   /* borders, hover backgrounds, tags */
	--tipa-gray: #858585;        /* secondary text on light backgrounds (labels, meta) */
	--tipa-black: #000000;
	--tipa-white: #ffffff;

	/* Derived from the palette (not in the guideline) */
	--tipa-green-700: #1f6118;   /* hover / pressed state of the primary */
	--tipa-green-900: #0f2b0c;   /* dark surfaces: footer */
	--tipa-ink: #141a14;         /* headings and body text, softer than pure black */
	--tipa-text: #3d443d;        /* long paragraphs */
}