/*
Theme Name: Gorge Topographic Ledger
Theme URI: https://investinthegorge.com
Description: Invest in the Gorge child theme of Twenty Twenty-Five. "Topographic Ledger" design system — Sandstone/Hemlock/Iron Oxide/Fog palette, Bitter slab-serif display, IBM Plex Mono data stamps, contour-line dividers. Tokens live in theme.json; this stylesheet holds only what tokens cannot express.
Author: Invest in the Gorge
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: gorge-child
*/

/* ---- Contour-line divider: stacked topographic curves in Fog ---------- */
.contour-divider {
	border: none !important;
	height: 28px !important;
	width: 100%;
	max-width: none;
	opacity: 1;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='28' viewBox='0 0 240 28'%3E%3Cg fill='none' stroke='%23B8C2C0' stroke-width='1'%3E%3Cpath d='M0 6 Q 30 0 60 6 T 120 6 T 180 6 T 240 6'/%3E%3Cpath d='M0 14 Q 30 8 60 14 T 120 14 T 180 14 T 240 14'/%3E%3Cpath d='M0 22 Q 30 16 60 22 T 120 22 T 180 22 T 240 22'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: center;
}

/* ---- Data stamp: the signature element ------------------------------- */
.data-stamp .data-stamp-figure {
	font-family: var(--wp--preset--font-family--data);
	font-weight: 500;
	line-height: 1;
	color: var(--wp--preset--color--iron-oxide);
}
.data-stamp .data-stamp-source {
	font-family: var(--wp--preset--font-family--data);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--hemlock);
	opacity: 0.75;
}

/* ---- Image slots ------------------------------------------------------ */
.img-slot img { border-radius: 2px; }
.img-slot figcaption { font-style: normal; color: var(--wp--preset--color--hemlock); opacity: 0.7; }

/* ---- Accessibility ---------------------------------------------------- */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--iron-oxide);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}