/**
 * Global CSS variables — Parfums Absoluta brand tokens
 *
 * Loaded on every page via pa_enqueue_assets() in functions.php.
 * All component CSS files reference these variables — never hardcode values.
 *
 * @package parfumsabsoluta
 * @since   1.0.0
 */

:root {

	/* ── Colors ── */
	--color-primary:   #1C1C1E;
	--color-primary-2: #111111;
	--color-primary-3: #0f0f0f;
	--color-accent:    #E0BE76;
	--color-accent-2:  rgba(224, 190, 118, 0.12);
	--color-red:       #7B1803;
	--color-neutral:   #EEE5DB;
	--color-muted:     rgba(238, 229, 219, 0.52);
	--color-muted-2:   rgba(238, 229, 219, 0.25);

	/* ── Typography ── */
	--font-display: 'Cormorant Garamond', Georgia, serif;
	--font-body:    'Montserrat', Helvetica, sans-serif;

	/* ── Spacing ── */
	--space-xs:  4px;
	--space-sm:  8px;
	--space-md:  16px;
	--space-lg:  32px;
	--space-xl:  64px;
	--space-xxl: 128px;

	/* ── Border radius ── */
	--radius-sm: 2px;
	--radius-md: 4px;

	/* ── Transitions ── */
	--transition-fast: 0.15s ease;
	--transition-base: 0.2s ease;
	--transition-slow: 0.3s ease;
}

/* ── Global resets ── */

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
	background-color: var(--color-primary);
}

body {
	background-color: var(--color-primary);
	color: var(--color-neutral);
	font-family: var(--font-body);
	font-weight: 300;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}