/**
 * Zonta International corporate palette (Brand Guidelines, Aug 2022) and
 * Lato, the brand's web font. Only Mahogany and Cyan take white text; Gold,
 * Orange and Gray take black text and are never text colours on white.
 */

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../vendor/lato/lato-latin-400-normal.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../vendor/lato/lato-latin-400-italic.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../vendor/lato/lato-latin-700-normal.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--zd4-mahogany: #802528;
	--zd4-mahogany-dark: #5f1b1e;
	--zd4-mahogany-20: #e9d1ce;
	--zd4-mahogany-10: #f4e9e9;
	--zd4-gold: #f5bd47;
	--zd4-gold-20: #fdf2da;
	--zd4-orange: #e18431;
	--zd4-cyan: #005f71;
	--zd4-cyan-dark: #00434f;
	--zd4-cyan-10: #e6eff1;
	--zd4-gray: #a9a8a9;
	--zd4-gray-20: #f7f5f5;
	--zd4-gray-40: #dcdbdb;

	--zd4-text: #1f1f1f;
	--zd4-muted: #4f4e4f;
	/* Darker than brand Gray so input borders reach 3:1 (WCAG 1.4.11). */
	--zd4-border: #767576;
	--zd4-error: #802528;
	--zd4-font: "Lato", Arial, sans-serif;
	--zd4-radius: 4px;
	--zd4-focus: #1f1f1f;
}

/* Pillar shape: square / circle / triangle, so colour is not the only signal. */
.zd4-pillar-mark {
	display: inline-block;
	flex: none;
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.35em;
	background: var(--zd4-pillar-colour, currentColor);
	vertical-align: baseline;
}

.zd4-pillar-mark--advocacy-service {
	border-radius: 50%;
}

.zd4-pillar-mark--digital-content {
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}