/**
 * GOERGO design tokens.
 *
 * The brand is defined here, in code, and mapped onto Kadence's global
 * palette and font variables so Kadence-rendered content (page titles,
 * blocks, forms) inherits the same dark identity. Components should use the
 * --goergo-* tokens, never raw values.
 *
 * Contrast (WCAG 2.x) on --goergo-bg #101113:
 *   text 16.5:1 · text-2 9.3:1 · text-3 6.4:1 · gold 8.2:1
 * text-3 on --goergo-surface #242426: 5.3:1. Dark text on gold: 8.2:1.
 *
 * Fonts: Cormorant Garamond and Manrope, self-hosted (SIL OFL, see
 * assets/fonts/LICENSE.txt).
 */

@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-wght-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-wght-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
}

:root {
	/* Brand colours */
	--goergo-bg: #101113;
	--goergo-bg-deep: #0b0c0d;
	--goergo-bg-alt: #1c1d20;
	--goergo-surface: #242426;
	--goergo-gold: #c6a676;
	--goergo-gold-soft: #d9c09a;
	--goergo-text: #f4efe7;
	--goergo-text-2: #b9b5ae;
	--goergo-text-3: #9a968f;
	--goergo-on-gold: #101113;
	--goergo-line: rgb(244 239 231 / 0.12);
	--goergo-line-strong: rgb(244 239 231 / 0.3);
	--goergo-line-gold: rgb(198 166 118 / 0.38);
	--goergo-shade: 16 17 19; /* --goergo-bg as RGB channels, for overlays. */
	--goergo-color-whatsapp: #25d366; /* WhatsApp brand green, for WhatsApp CTAs only. */

	/* Typography */
	--goergo-font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
	--goergo-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--goergo-text-xs: 0.75rem;
	--goergo-text-sm: 0.875rem;
	--goergo-text-base: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
	--goergo-text-lg: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
	--goergo-text-h3: clamp(1.625rem, 1.3rem + 1.1vw, 2.125rem);
	--goergo-text-h2: clamp(2.375rem, 1.6rem + 3.2vw, 4.25rem);
	--goergo-text-display: clamp(3.1rem, 1.3rem + 7.4vw, 7.75rem);
	--goergo-tracking-caps: 0.22em;
	--goergo-leading-tight: 1.04;
	--goergo-leading-normal: 1.7;

	/* Spacing */
	--goergo-space-1: 0.25rem;
	--goergo-space-2: 0.5rem;
	--goergo-space-3: 0.75rem;
	--goergo-space-4: 1rem;
	--goergo-space-5: 1.5rem;
	--goergo-space-6: 2rem;
	--goergo-space-7: 3rem;
	--goergo-space-8: 4rem;
	--goergo-section-space: clamp(5rem, 3rem + 8vw, 10rem);

	/* Layout */
	--goergo-container: 1200px;
	--goergo-container-wide: 1440px;
	--goergo-gutter: clamp(1.25rem, 0.6rem + 3.2vw, 3rem);
	--goergo-header-height: 4.5rem;

	/* Shape & depth */
	--goergo-radius-sm: 2px;
	--goergo-radius-pill: 999px;
	--goergo-shadow-lg: 0 2rem 4rem rgb(0 0 0 / 0.45);

	/* Motion */
	--goergo-duration: 400ms;
	--goergo-duration-slow: 900ms;
	--goergo-ease: cubic-bezier(0.22, 1, 0.36, 1);

	/* Layering */
	--goergo-z-header: 100;

	/* Kadence global palette (1–2 accents, 3–6 text, 7–9 backgrounds). */
	--global-palette1: var(--goergo-gold);
	--global-palette2: var(--goergo-gold-soft);
	--global-palette3: var(--goergo-text);
	--global-palette4: var(--goergo-text);
	--global-palette5: var(--goergo-text-2);
	--global-palette6: var(--goergo-text-3);
	--global-palette7: var(--goergo-surface);
	--global-palette8: var(--goergo-bg-alt);
	--global-palette9: var(--goergo-bg);
	--global-palette9rgb: 16, 17, 19;
	--global-palette-highlight: var(--goergo-gold);
	--global-palette-highlight-alt: var(--goergo-gold-soft);
	--global-palette-highlight-alt2: var(--goergo-bg);
	--global-palette-btn-bg: var(--goergo-gold);
	--global-palette-btn-bg-hover: var(--goergo-gold-soft);
	--global-palette-btn: var(--goergo-on-gold);
	--global-palette-btn-hover: var(--goergo-on-gold);
	--global-body-font-family: var(--goergo-font-body);
	--global-heading-font-family: var(--goergo-font-display);
}

@media (min-width: 64em) {
	:root {
		--goergo-header-height: 5.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--goergo-duration: 0ms;
		--goergo-duration-slow: 0ms;
	}
}