/* ==========================================================================
   Design Tokens
   Brand colours, shadows and shared values used throughout the child theme.
   ========================================================================== */
:root {
	--cm-dark-teal: var(--wp--preset--color--dark-teal, #073236);
	--cm-teal: var(--wp--preset--color--teal, #0b4b51);
	--cm-ash: var(--wp--preset--color--ash-grey, #bad4cf);
	--cm-almond: var(--wp--preset--color--almond-silk, #ceb3ab);
	--cm-off-white: var(--wp--preset--color--off-white, #f7f5f1);
	--cm-soft-white: var(--wp--preset--color--soft-white, #fbfaf7);
	--cm-text: var(--wp--preset--color--text, #263536);
	--cm-muted: var(--wp--preset--color--muted-text, #4f5c5d);
	--cm-border: var(--wp--preset--color--border, #dad8d4);
	--cm-shadow: 0 18px 38px rgba(7, 50, 54, 0.18);
	--cm-strong-shadow: 0 24px 60px rgba(7, 50, 54, 0.26);
	--cm-shell-gutter: clamp(1rem, 4vw, 5rem);
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 18px;
    --wp--preset--font-size--large: 34px;
    --wp--preset--font-size--x-large: 38px;	
}

/* Mirrors theme.json layout sizes so current global-style output cannot fall back to the parent theme width. */
body.wp-child-theme-capallmara {
	--wp--style--global--content-size: 1180px;
	--wp--style--global--wide-size: 1180px;
}

/* ==========================================================================
   Base Page Defaults
   Site-wide background and text colour defaults.
   ========================================================================== */
body {
	background: var(--cm-soft-white);
	color: var(--cm-text);
}

/* Keyboard skip link: hidden until focused. */
.cm-skip-link {
	position: fixed;
	left: 1rem;
	top: -5rem;
	z-index: 1000;
	padding: 0.7rem 1rem;
	background: var(--cm-dark-teal);
	color: var(--cm-soft-white);
	border-radius: 6px;
}

.cm-skip-link:focus {
	top: 1rem;
}