/*
Theme Name: Cosy Calf 2026
Author: PC1
Author URI: https://www.pc1.co.uk
Description: Bespoke 2026 redesign for Cosy Calf — calf jackets, youngstock jackets and sick cow rugs, built by a farmer for farmers.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: cosycalf
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
	/* Brand palette: warm barn green + amber, on a soft farmhouse cream. */
	--cc-green-900: #1b2e22;
	--cc-green-800: #23402c;
	--cc-green-700: #2f5138;
	--cc-green-600: #3c6446;
	--cc-green-100: #e5ede4;

	--cc-amber-700: #8f4f18; /* darker, text-safe variant for use on light backgrounds (WCAG AA) */
	--cc-amber-600: #c1732e;
	--cc-amber-500: #d98e2b;
	--cc-amber-100: #fbe9d2;

	--cc-cream-50: #faf7f1;
	--cc-cream-100: #f2ece1;
	--cc-cream-200: #e6ddcc;

	--cc-ink-900: #201d18;
	--cc-ink-700: #423d34;
	--cc-ink-500: #6b6459;

	--cc-white: #ffffff;
	--cc-red-600: #b3402f;
	--cc-green-success: #2f6b45;

	--cc-radius-sm: 6px;
	--cc-radius-md: 12px;
	--cc-radius-lg: 20px;

	--cc-shadow-sm: 0 1px 2px rgba(32, 29, 24, 0.08);
	--cc-shadow-md: 0 8px 24px rgba(32, 29, 24, 0.10);
	--cc-shadow-lg: 0 20px 48px rgba(27, 46, 34, 0.16);

	--cc-container: 1200px;
	--cc-gutter: clamp(1.25rem, 4vw, 2.5rem);

	--cc-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--cc-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "URW Palladio L", serif;

	--cc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* ==========================================================================
   Reset
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--cc-cream-50);
	color: var(--cc-ink-900);
	font-family: var(--cc-font-body);
	font-size: 1rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img, svg { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; font-family: var(--cc-font-display); font-weight: 700; line-height: 1.15; color: var(--cc-green-900); }
p { margin: 0 0 1em; }

:focus-visible {
	outline: 3px solid var(--cc-amber-500);
	outline-offset: 2px;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--cc-green-900);
	color: var(--cc-white);
	padding: 0.75em 1.25em;
	z-index: 10000;
	border-radius: 0 0 var(--cc-radius-sm) 0;
}
.skip-link:focus {
	left: 0;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}