/**
 * Design tokens sourced from the designer's XD file.
 *
 * Hex values marked "confirmed" came from the XD character-styles panel.
 * Everything else marked "eyeballed" was picked by eye from the provided
 * screenshots and should be swapped for the real value once available.
 */
:root {
	/* Colour palette */
	--color-white: #FFFFFF; /* confirmed */
	--color-black: #000000; /* confirmed */
	--color-purple: #9A7CDD; /* confirmed — accent / active nav state */
	--color-gray-light: #A5A5A7; /* confirmed — italic subtext */

	--color-gray: #8C8C8C; /* eyeballed */
	--color-gray-dark: #595959; /* eyeballed */
	--color-gray-lighter: #D9D9D9; /* eyeballed */
	--color-gray-lightest: #ECECEC; /* eyeballed */
	--color-cream: #F7F6F3; /* eyeballed — page background */
	--color-cyan: #29ABE2; /* eyeballed — "Get Tickets" button */
	--color-nav-dark: #241946; /* eyeballed — mega-menu dropdown background */

	/* Typography */
	--font-body: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-italic: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
	--font-display: 'Bandetta', 'Times New Roman', Times, serif;
	--font-button: 'Duplet', Arial, Helvetica, sans-serif;

	--text-display: 78px;
	--text-heading: 22px;
	--text-body: 17px;
	--text-small: 14px;
	--text-italic: 21px;

	--container-width: 1200px;
}