/* ==========================================================================
   Openwood Fluid Glass — Design Tokens
   ========================================================================== */

:root {
	/* Brand / palette (overridable via Customizer) */
	--ow-accent: #c47a45;        /* warm wood */
	--ow-accent-2: #8a5a36;      /* deep walnut */
	--ow-accent-soft: #e7c9ad;   /* light oak */
	--ow-ink: #1c1a17;           /* warm near-black */
	--ow-ink-soft: #5b554d;      /* muted text */
	--ow-bg: #f4efe9;            /* warm cream */
	--ow-bg-2: #efe7dd;          /* deeper cream */
	--ow-line: rgba(28, 26, 23, 0.10);
	--ow-success: #3f8f6a;
	--ow-danger: #c0473b;

	/* Glass surfaces */
	--ow-glass-blur: 18px;
	--ow-glass-bg: rgba(255, 255, 255, 0.55);
	--ow-glass-bg-strong: rgba(255, 255, 255, 0.72);
	--ow-glass-border: rgba(255, 255, 255, 0.65);
	--ow-glass-shadow: 0 14px 40px -18px rgba(28, 26, 23, 0.30);
	--ow-glass-shadow-lg: 0 30px 70px -28px rgba(28, 26, 23, 0.40);
	--ow-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.6);

	/* Radii */
	--ow-radius: 22px;
	--ow-radius-sm: 14px;
	--ow-radius-pill: 999px;

	/* Spacing scale */
	--ow-space-1: 6px;
	--ow-space-2: 12px;
	--ow-space-3: 18px;
	--ow-space-4: 28px;
	--ow-space-5: 44px;
	--ow-space-6: 72px;
	--ow-space-7: 110px;

	/* Container */
	--ow-container: 1280px;
	--ow-container-narrow: 820px;

	/* Type */
	--ow-font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ow-font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--ow-fs-base: clamp(15px, 0.5vw + 14px, 17px);
	--ow-lh: 1.6;

	/* Motion */
	--ow-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--ow-dur: 0.45s;

	/* Z-index */
	--ow-z-header: 100;
	--ow-z-drawer: 200;
	--ow-z-modal: 300;
	--ow-z-toast: 400;
}

@media (prefers-color-scheme: dark) {
	:root.ow-allow-dark {
		--ow-ink: #f3ede5;
		--ow-ink-soft: #b7aea3;
		--ow-bg: #1a1714;
		--ow-bg-2: #221d18;
		--ow-glass-bg: rgba(40, 34, 28, 0.55);
		--ow-glass-bg-strong: rgba(40, 34, 28, 0.72);
		--ow-glass-border: rgba(255, 255, 255, 0.12);
		--ow-line: rgba(255, 255, 255, 0.10);
	}
}