/* ============================================================
	 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 light yellow, so text over it must be dark. */
	--yellow-rgb:   255 211 0;
	--yellow-deep:  #FFD300;
	--yellow-hover: #FFDD33;
	--brand-lift:   #FFD300;
	--brand-line:   #F2C500;
	--on-brand-rgb: 26 26 28;
	--on-brand-contrast: var(--paper);
	--on-brand-hover:    #2E2E31;

	/* Neutral ink and dark surfaces */
	--ink-rgb:              26 26 28;
	--surface-contrast-rgb: 26 26 28;
	--surface-sunken-rgb:   26 26 28;
	--muted-rgb:            107 107 107;
	--muted:                #6B6B6B;
	--error:                #FF3B3B;
}