@media (min-width: 0px) {
	:root {
		--font-size-small: calc(100vmax * 0.006 + 2px);
		--font-size-medium: calc(100vmax * 0.008 + 2px);
		--font-size-large: calc(100vmax * 0.0140625 + 3px);        /* 30px @1920 and 12px @640 */
		--font-size-xlarge: calc(100vmax * 0.01640625 + 3.5px);        /* 35px @1920 and 14px @640 */
		--font-size-xxlarge: calc(100vmax * 0.01875 + 4px);        /* 40px @1920 and 16px @640 */
		--brand-color-yellow: #ffc425;
		--brand-color-1-filter: invert(88%) sepia(30%) saturate(1970%) hue-rotate(335deg) brightness(101%) contrast(101%);
		--brand-color-2-filter: invert(67%) sepia(38%) saturate(6283%) hue-rotate(358deg) brightness(98%) contrast(108%);
		--horizontal-margin-half: calc(100vw * 0.0020833333 + 6px);      /* 10px @1920 and 7px @320 */
		--horizontal-margin-single: calc(100vw * 0.0041666667 + 12px);   /* 20px @1920 and 14px @480 */
		--horizontal-margin-double: calc(100vw * 0.0041666667 * 2 + 24px);   /* 40px @1920 and 28px @480 */
		--vertical-margin-half: calc(1rem * 0.4);
		--vertical-margin-single: calc(1rem * 0.8);
		--vertical-margin-double: calc(1rem * 1.6);
		--standard-table-width: 600px;
	}
}
@media (orientation: portrait), (max-width: 960px) {
	:root {
		--font-size-small: calc(100vmax * 0.00625 + 8px);          /* 20px @1920 and 12px @640 */
		--font-size-medium: calc(100vmax * 0.0078125 + 10px);      /* 25px @1920 and 15px @640 */
		--font-size-large: calc(100vmax * 0.009375 + 12px);
		--standard-table-width: calc(100vw - 0.6rem);
	}
}