/**
 * Cozi Wanner — tokens (beige, blanco, blush decorativo).
 */

:root {
	--cw-color-ink: #2c2622;
	--cw-color-taupe: #5c534c;
	--cw-color-espresso: #3a342f;
	--cw-color-espresso-deep: #2a2521;

	--cw-color-blush: #c99a90;
	--cw-color-blush-soft: #e8d8d2;
	--cw-color-blush-line: rgb(201 154 144 / 38%);
	--cw-color-blush-glow: rgb(232 216 210 / 55%);

	--cw-color-sand: #b8a99a;
	--cw-color-linen: #f5f1eb;
	--cw-color-linen-deep: #ebe4da;
	--cw-color-cream: #faf8f4;
	--cw-color-white: #fffcf9;
	--cw-color-ivory: #f7f4ef;

	--cw-color-bg: var(--cw-color-cream);
	--cw-color-bg-alt: var(--cw-color-linen);
	--cw-color-bg-dark: var(--cw-color-espresso);
	--cw-color-bg-white: var(--cw-color-white);

	--cw-color-text: var(--cw-color-ink);
	--cw-color-text-body: #3f3834;
	--cw-color-text-soft: rgb(44 38 34 / 82%);
	--cw-color-text-muted: rgb(44 38 34 / 72%);
	--cw-color-text-on-dark: var(--cw-color-ivory);
	--cw-color-text-on-dark-muted: rgb(247 244 239 / 72%);

	--cw-color-primary: var(--cw-color-espresso);
	--cw-color-primary-hover: var(--cw-color-espresso-deep);
	--cw-color-accent: var(--cw-color-blush);
	--cw-color-accent-hover: #b8877c;
	--cw-color-secondary: var(--cw-color-taupe);

	--cw-color-line: rgb(44 38 34 / 12%);
	--cw-color-line-on-dark: rgb(247 244 239 / 14%);

	--cw-font-heading: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
	--cw-font-heading-weight: 500;
	--cw-letter-spacing-display: 0.04em;
	--cw-font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;

	--cw-font-size-kicker: 0.72rem;
	--cw-font-size-sm: 0.9375rem;
	--cw-font-size-base: 1.0625rem;
	--cw-font-size-lg: 1.2rem;
	--cw-font-size-xl: clamp(1.65rem, 2.8vw, 2.1rem);
	--cw-font-size-section: clamp(1.85rem, 3.4vw, 2.55rem);
	--cw-font-size-2xl: clamp(2rem, 4vw, 3rem);
	--cw-font-size-3xl: clamp(2.35rem, 5vw, 3.75rem);

	--cw-tracking-kicker: 0.2em;
	--cw-tracking-heading: -0.02em;
	--cw-leading-heading: 1.08;
	--cw-leading-body: 1.65;

	--cw-space-3xs: 4px;
	--cw-space-2xs: 8px;
	--cw-space-xs: 14px;
	--cw-space-sm: 22px;
	--cw-space-md: 36px;
	--cw-space-lg: 56px;
	--cw-space-xl: 88px;

	--cw-container-padding: clamp(18px, 3.5vw, 44px);
	--cw-container-max: 1200px;
	--cw-header-offset: 80px;

	--cw-radius: 2px;
	--cw-radius-md: 4px;
	--cw-transition: 200ms ease;
	--cw-shadow-sm: 0 8px 24px rgb(44 38 34 / 6%);
	--cw-shadow-md: 0 16px 40px rgb(44 38 34 / 10%);
	--cw-shadow-lg: 0 24px 56px rgb(44 38 34 / 12%);

	--cw-gradient-photo: linear-gradient(
		115deg,
		rgb(250 248 244 / 92%) 0%,
		rgb(250 248 244 / 55%) 42%,
		rgb(44 38 34 / 18%) 100%
	);
	--cw-gradient-hero: linear-gradient(180deg, rgb(250 248 244 / 0%) 0%, rgb(44 38 34 / 42%) 100%);
}