/*
 * Blue Sky Plumbing: design tokens
 *
 * This is the single source of truth for color and scale in the theme layer.
 * The Elementor Global Kit holds the same palette so it is selectable in the
 * editor UI; these custom properties exist so hand-written section CSS can
 * reference the same values without hardcoding hex.
 *
 * The palette is CLOSED. Do not add a color here that is not in the design
 * brief, and do not write a raw hex value anywhere outside this file.
 */

:root {
	/* Palette */
	--sky: #009fe3; /* Primary, taken from the logo */
	--sky-deep: #0077b6; /* Hover, pressed, gradient stop */
	--midnight: #062a4a; /* Dark section ground */
	--steel: #3d66ae; /* Secondary accent, used sparingly */
	--sunbeam: #ffc24b; /* Accent. Review stars and highlights, NOT buttons */
	--siren: #e23b2e; /* Emergency only. Never decorative. */
	--paper: #ffffff; /* Base ground */
	--mist: #f5fafd; /* Tinted band */
	--line: #e7edf2; /* Hairlines */
	--slate: #5b6b7a; /* Body text on light */
	--ink: #0f1b24; /* Headlines on light */

	/* Translucent utilities for use on dark grounds only */
	--card-on-dark: rgba(255, 255, 255, 0.06);
	--line-on-dark: rgba(255, 255, 255, 0.12);

	/* Typography */
	--font-display: "Archivo", system-ui, -apple-system, sans-serif;
	--font-body: "Inter", system-ui, -apple-system, sans-serif;

	/* Type scale. clamp() so it breathes on large screens. */
	--fs-h1: clamp(2.75rem, 6.5vw, 6rem);
	--fs-h2: clamp(2.25rem, 4.5vw, 4rem);
	--fs-h3: clamp(1.375rem, 2vw, 1.75rem);
	--fs-lead: clamp(1.0625rem, 1.4vw, 1.3125rem);
	--fs-body: 1.0625rem; /* 17px */
	--fs-eyebrow: 0.75rem; /* 12px */
	--fs-numeral: clamp(6rem, 14vw, 16rem);

	/* Spacing, on an 8px baseline */
	--space-section: clamp(88px, 10vw, 176px);
	--space-gutter: clamp(24px, 5vw, 88px);
	--content-max: 1360px;
	--copy-max: 560px;
	--measure: 62ch;

	/* Corners. Sharp is deliberate: radius is only for buttons and pills. */
	--radius-button: 6px;
	--radius-pill: 999px;

	/* Motion */
	--ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-reveal: 500ms;
	--dur-hover: 180ms;
}