/**
 * AW Base design tokens.
 *
 * Every visual decision in this theme and in aw-blocks reads from these custom
 * properties. Nothing in template CSS hard-codes a colour, size, or spacing
 * value. To rebrand a client build, fork the theme and change the values here
 * (and only here, plus client-overrides.css for the rare approved exception).
 *
 * These names are a fixed contract: aw-blocks consumes the same token names, so
 * blocks restyle automatically when a client changes the values. Do not rename
 * a token without updating aw-blocks. See docs/token-reference.md.
 *
 * Defaults below are the Actually Works house brand.
 */

:root {
	/* Colours: palette */
	--aw-color-bg: #ffffff;
	--aw-color-text: #1a1a1a;
	--aw-color-muted: #5c5c5c;
	--aw-color-border: #e2e2e2;
	--aw-color-accent: #1c5d4c;
	--aw-color-accent-text: #ffffff;
	--aw-color-inverted-bg: #14171a;
	--aw-color-inverted-text: #f4f4f4;
	--aw-color-link: var(--aw-color-accent);

	/* Colours: brand hooks consumed by aw-forms and core elements */
	--aw-brand-primary: var(--aw-color-accent);
	--aw-brand-danger: #b32d2e;
	--aw-brand-border: var(--aw-color-border);
	--aw-brand-radius: var(--aw-radius);

	/* Typography */
	--aw-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--aw-font-heading: var(--aw-font-body);
	--aw-font-size-base: 1rem;
	--aw-font-size-lead: 1.25rem;
	--aw-font-size-h1: clamp(2.25rem, 5vw, 3.25rem);
	--aw-font-size-h2: clamp(1.75rem, 4vw, 2.5rem);
	--aw-font-size-h3: clamp(1.35rem, 3vw, 1.75rem);
	--aw-font-size-eyebrow: 0.875rem;
	--aw-font-size-small: 0.85rem;
	--aw-line-height: 1.6;
	--aw-line-height-heading: 1.2;

	/* Spacing scale */
	--aw-space-xs: 0.5rem;
	--aw-space-sm: 1rem;
	--aw-space-md: 2rem;
	--aw-space-lg: 4rem;
	--aw-space-xl: 6rem;

	/* Radii */
	--aw-radius: 0.5rem;
	--aw-radius-lg: 1rem;
	--aw-border-width: 1px;

	/* Shadows */
	--aw-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.06);

	/* Transitions */
	--aw-transition-fast: 120ms ease;
	--aw-transition-base: 200ms ease;

	/* Layout */
	--aw-content-width: 72rem;
	--aw-content-width-narrow: 44rem;
	--aw-content-width-wide: 84rem;
	--aw-focus-ring: 3px solid var(--aw-color-accent);

	/* Block-specific / chrome tokens (theme header and footer) */
	--aw-header-bg: var(--aw-color-bg);
	--aw-header-text: var(--aw-color-text);
	--aw-header-padding-block: var(--aw-space-sm);
	--aw-footer-bg: var(--aw-color-inverted-bg);
	--aw-footer-text: var(--aw-color-inverted-text);
	/* Muted text on the dark footer. --aw-color-muted is tuned for light
	   surfaces and fails WCAG AA on the footer background, so the footer uses a
	   lighter grey that meets at least 4.5:1 on --aw-footer-bg. */
	--aw-footer-muted: #a7adb5;
	--aw-footer-padding-block: var(--aw-space-lg);
}