/* ============================================================
	 Project colour palette
	 Loaded before base.css, which owns every shared rule and the
	 brand-neutral part of the scale. Only the values below belong
	 to this project; the token names are identical in every
	 project so that all other stylesheets stay byte-identical.
	 ============================================================ */

:root {
	/* Brand surface and the colour that stays readable on top of it.
	   This brand is a dark red, so text over it must be light. */
	--yellow-rgb:   255 21 14;
	--yellow-deep:  #C8100A;
	--yellow-hover: #FF3D32;
	--brand-lift:   #FF5A4F;
	--brand-line:   rgb(var(--yellow-rgb) / .5);
	--on-brand-rgb: 255 255 255;
	--on-brand-contrast: var(--ink);
	--on-brand-hover:    var(--paper);

	/* Neutral ink and dark surfaces */
	--ink-rgb:              0 0 0;
	--surface-contrast-rgb: 10 8 8;
	--surface-sunken-rgb:   5 4 4;
	--muted-rgb:            110 102 100;
	--muted:                #6E6664;
	--error:                #B4231C;
}