/**
 * Canvas: footer big contacts.
 *
 * The oversized phone/email pair some footer layouts lead with: the number is
 * the headline and the label above it is the caption, so the two lines invert
 * the usual size relationship.
 *
 * Loaded only on pages carrying `footer-big-contacts` (see the
 * `canvas_pattern_features` map in inc/block-theme.php).
 *
 * Matched through :where() so it carries NO specificity. This is a baseline for
 * a layout that styles nothing itself; a design that has its own
 * `.footer-big-contacts` rules must win regardless of which sheet loads last.
 * At plain `.footer-big-contacts` weight it tied with every demo's own rule and
 * won on load order, silently overriding five of them.
 */

:where(.footer-big-contacts) {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

:where(.footer-big-contacts span) {
	display: block;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

:where(.dark .footer-big-contacts) {
	color: rgba(255, 255, 255, 0.8);
}