/*
Theme Name: TW Base Child
Theme URI: https://taylorwilliamsroofing.co.uk/
Description: Child theme for Taylor Williams — customisations live here.
Author: Taylor Williams
Template: tw-base
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tw-base-child
*/

/*
 * Client-specific overrides: prefer CSS variables (defined in the parent tokens)
 * or add rules below. For larger changes, copy a template from the parent into
 * this theme and edit (WordPress loads child templates first).
 *
 * Home hero styles load from assets/css/home-hero.css on the front page only.
 */

:root {
	/* Refined monochrome palette — cleaner, cooler, airier (2026 refresh) */
	--tw-color-accent: #16181c;
	--tw-color-bg: #f4f5f6;
	--tw-color-surface: #ffffff;
	--tw-color-text: #16181c;
	--tw-color-muted: #656a72;
	--tw-color-border: #e7e9ec;
	--tw-color-border-strong: #d8dadf;

	/* Geometry */
	--tw-radius-sm: 8px;
	--tw-radius: 12px;
	--tw-radius-lg: 18px;

	/* Elevation — soft, diffuse, modern */
	--tw-shadow-xs: 0 1px 2px rgba(18, 20, 26, 0.04);
	--tw-shadow-sm: 0 1px 2px rgba(18, 20, 26, 0.04), 0 3px 10px rgba(18, 20, 26, 0.05);
	--tw-shadow: 0 1px 2px rgba(18, 20, 26, 0.04), 0 10px 28px rgba(18, 20, 26, 0.06);
	--tw-shadow-lg: 0 2px 6px rgba(18, 20, 26, 0.05), 0 22px 52px rgba(18, 20, 26, 0.10);

	/* Focus ring */
	--tw-focus-ring: 0 0 0 3px rgba(22, 24, 28, 0.20);

	--tw-font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--tw-scrollbar-size: 7px;
	--tw-scrollbar-track: rgba(18, 20, 26, 0.05);
	--tw-scrollbar-thumb: rgba(22, 24, 28, 0.24);
	--tw-scrollbar-thumb-hover: rgba(22, 24, 28, 0.48);
	--tw-scrollbar-thumb-active: rgba(22, 24, 28, 0.64);
	--tw-scrollbar-corner: var(--tw-color-bg, #f4f5f6);
	/* Kicker dash (—) before eyebrow labels; subtitles use the same colour */
	--tw-kicker-line-color: rgba(26, 26, 26, 0.35);
	--tw-kicker-line-color-on-dark: rgba(255, 255, 255, 0.55);
	/* Wide lockup logo — inner header + footer; homepage hero uses --tw-home-logo-* (1.5× site lockup). */
	--tw-site-logo-max-height: clamp(4.02rem, 9vw, 5.4rem);
	--tw-site-logo-max-height-fallback: clamp(4.02rem, 9vh, 5.4rem);
	--tw-site-logo-max-width: min(100%, 26.4rem);
	--tw-home-logo-max-height: clamp(7.236rem, 16.2vw, 9.72rem);
	--tw-home-logo-max-height-fallback: clamp(7.236rem, 16.2vh, 9.72rem);
	--tw-home-logo-max-width: min(100%, 47.52rem);
	--tw-hero-logo-max-height: var(--tw-site-logo-max-height);
	--tw-hero-logo-max-height-fallback: var(--tw-site-logo-max-height-fallback);
	--tw-hero-logo-max-width: var(--tw-site-logo-max-width);
	--tw-footer-logo-max-height: var(--tw-site-logo-max-height);
	--tw-footer-logo-max-height-fallback: var(--tw-site-logo-max-height-fallback);
	--tw-footer-logo-max-width: var(--tw-site-logo-max-width);
}

body {
	font-family: var(--tw-font-sans);
}

body:not(.tw-carpentry-home) .site-title {
	letter-spacing: -0.02em;
}