/**
 * GB Corporate design tokens (prototype contract) bridged to Blocksy.
 *
 * Tokens the client controls in the Customizer (palette 1–8) are read from Blocksy's
 * --theme-palette-color-* so Customizer edits flow through. The rest are fixed brand values.
 * Level: L2 (CSS variables) — only values Blocksy has no Customizer control for are set here.
 */

:root {
	/* Ground + surfaces (Customizer palette) */
	--gb-ground: var(--theme-palette-color-7, #fbf9f5);
	--gb-surface: var(--theme-palette-color-8, #ffffff);
	--gb-surface-2: var(--theme-palette-color-6, #f6f1e8);
	--gb-dark: var(--theme-palette-color-4, #1b1815);
	--gb-dark-2: #2a2521;

	/* Ink */
	--gb-ink: var(--theme-palette-color-3, #1f1b17);
	--gb-ink-2: #4a433c;
	--gb-muted: #6e655c;
	--gb-on-dark: #f5efe4;
	--gb-on-dark-muted: #c9bfae;

	/* Lines */
	--gb-line: var(--theme-palette-color-5, #e7e0d4);
	--gb-line-strong: #d3c8b6;

	/* Brand gold */
	--gb-gold: #b18d56;
	--gb-gold-deep: var(--theme-palette-color-1, #8a6d3b);
	--gb-gold-ink: #6b5329;
	--gb-gold-soft: #f3eadb;
	--gb-gold-mist: #faf6ee;

	/* Semantic */
	--gb-ok: #2f7a4d;
	--gb-ok-soft: #e7f3ea;
	--gb-warn: #9a5b12;
	--gb-warn-soft: #fbf0dc;
	--gb-bad: #a43a3a;
	--gb-bad-soft: #fbe9e9;

	/* Type */
	--gb-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
	--gb-font-body: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--gb-fs-12: 0.75rem;
	--gb-fs-13: 0.8125rem;
	--gb-fs-14: 0.875rem;
	--gb-fs-15: 0.9375rem;
	--gb-fs-16: 1rem;
	--gb-fs-18: 1.125rem;
	--gb-fs-20: 1.25rem;
	--gb-fs-24: 1.5rem;
	--gb-fs-30: 1.875rem;
	--gb-fs-40: 2.5rem;
	--gb-fs-52: 3.25rem;

	/* Shape + depth */
	--gb-r-sm: 6px;
	--gb-r-md: 10px;
	--gb-r-lg: 16px;
	--gb-shadow-1: 0 1px 2px rgba(31, 27, 23, 0.06), 0 1px 3px rgba(31, 27, 23, 0.08);
	--gb-shadow-2: 0 10px 30px rgba(31, 27, 23, 0.12);

	/* Layout */
	--gb-max: 1180px;
	--gb-gutter: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); /* 20px; wider beside an iPhone notch in landscape (viewport-fit=cover, Blocksy header.php) */
	--gb-header-h: 72px;

	/* Only what the Customizer can't express. Form height/radius/colours are Customizer values (Forms panel). */
	--theme-button-border-radius: var(--gb-r-md); /* Blocksy radius is a spacing object */
	--theme-button-padding: 0 22px;
	--theme-form-field-border-width: 1.5px; /* Customizer accepts whole pixels only */
}

/* Prototype focus ring on fields (outline is not a Blocksy option). */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea):focus-visible {
	outline: 3px solid var(--gb-gold-soft);
	outline-offset: 0;
}