/**
 * Neil O'Connor — design language tokens (:root)
 *
 * Canonical CSS variables for the brand. Use everywhere:
 * - Elementor → Site Settings → Custom CSS: color: var(--navy);
 * - Child theme utilities in theme.css
 * - Third-party CSS scoped under .elementor
 *
 * Source: NeilOConnor-Design-Language-Reference.html + html/styles.css
 * Last updated: 2026-04-04
 */

:root {
	--navy: #0b1d3a;
	--navy-mid: #152d53;
	--gold: #c8922a;
	--gold-light: #e8b35a;
	--offwhite: #f7f5f0;
	--white: #ffffff;
	--text-dark: #111827;
	--text-mid: #374151;
	--text-light: #6b7280;
	--border: #e5e7eb;

	--font-serif: "Playfair Display", Georgia, serif;
	--font-sans: Inter, system-ui, sans-serif;
	--font-body: "DM Sans", system-ui, sans-serif;

	--max-w: 1180px;
	--pad-x: clamp(1.25rem, 5vw, 3rem);

	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--transition: 280ms var(--ease);

	/* Reference doc — dark UI surfaces (optional, e.g. admin-only or future dark sections) */
	--nloc-bg-deep: #080f1c;
	--nloc-surface-1: #0e1925;
	--nloc-surface-2: #111d30;
	--nloc-surface-3: #162038;
	--nloc-surface-4: #1c2844;
	--nloc-border-on-dark: rgba(255, 255, 255, 0.07);
	--nloc-text-on-dark: #e4e0d8;
}