/* Patriot tokens, generated from the design system's tokens.json.
   Every colour, size, corner and shadow in patriot.css resolves to one of these. */
:root {
	--parchment: #f4efe4;
	--parchment-deep: #eae2d0;
	--navy: #0a3161;
	--red: #b31942;
	--brass: #7d6230;
	--night: #0f1316;
	--white: #ffffff;
	--ink: #1b2333;
	--ink-soft: #3e4450;
	--ink-muted: #4a505b;
	--ink-quiet: #5a5e66;
	--ink-black: #111111;
	--line: rgba(27, 35, 51, 0.16);
	--line-soft: rgba(27, 35, 51, 0.12);
	--on-dark-soft: rgba(255, 255, 255, 0.82);
	--on-dark-muted: rgba(255, 255, 255, 0.72);
	--on-dark-quiet: rgba(255, 255, 255, 0.6);
	--line-dark: rgba(255, 255, 255, 0.14);
	--line-dark-block: rgba(255, 255, 255, 0.18);
	--line-dark-strong: rgba(255, 255, 255, 0.3);
	--outline-on-photo: rgba(255, 255, 255, 0.35);
	--frame-navy: rgba(10, 49, 97, 0.3);
	--shade-top: rgba(4, 16, 36, 0.7);
	--shade-mid: rgba(4, 16, 36, 0.46);
	--shade-bottom: rgba(4, 16, 36, 0.76);
	--shade-night: rgba(15, 19, 22, 0.8);
	--shade-dialog: rgba(5, 8, 12, 0.76);
	--font-display: "Libre Caslon Display", Georgia, "Times New Roman", serif;
	--font-text: "Libre Caslon Text", Georgia, serif;
	--font-label: "Public Sans", "Helvetica Neue", sans-serif;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-7: 28px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-18: 72px;
	--space-20: 80px;
	--bay: 160px;
	--bay-phone: 88px;
	--shell: 1200px;
	--shell-header: 1280px;
	--radius-none: 0;
	--radius-control: 2px;
	--shadow-figure: 0 30px 60px -30px rgba(27, 35, 51, 0.5);
	--shadow-control: 0 10px 24px -10px rgba(10, 49, 97, 0.55);
	--shadow-control-dark: 0 10px 24px -10px rgba(0, 0, 0, 0.5);
	--shadow-date: 0 10px 24px -12px rgba(0, 0, 0, 0.6);
	--shadow-menu: 0 28px 56px -18px rgba(5, 12, 26, 0.6);
	--shadow-flyer: 0 40px 80px -24px rgba(0, 0, 0, 0.85);
	--z-header: 50;
	--z-menu: 60;
	--z-dialog: 100;
}