/* Hallmark · macrostructure: Split Studio · tone: предметний преміум · anchor hue: мідь
 * system: Coffee Dreams · theme: light / roman-serif / chromatic-amber
 */

:root {
	--cd-color-canvas: var(--cd-paper);
	--cd-color-surface: var(--cd-cream);
	--cd-color-surface-quiet: var(--cd-milk);
	--cd-color-surface-tint: color-mix(in srgb, var(--cd-cream) 74%, var(--cd-milk));
	--cd-color-ink: var(--cd-espresso);
	--cd-color-ink-soft: var(--cd-coffee);
	--cd-color-muted: var(--cd-muted);
	--cd-color-rule: var(--cd-rule);
	--cd-color-rule-strong: color-mix(in srgb, var(--cd-coffee) 23%, var(--cd-rule));
	--cd-color-accent: var(--cd-copper);
	--cd-color-accent-hover: color-mix(in srgb, var(--cd-copper) 82%, var(--cd-paper));
	--cd-color-accent-ink: var(--cd-espresso);
	--cd-color-whatsapp: #16864e;
	--cd-color-viber: #6945c6;
	--cd-color-brand-mark-inverse: #fff;
	--cd-color-inverse: var(--cd-cream);
	--cd-color-focus: var(--cd-copper);
	--cd-color-overlay: color-mix(in srgb, var(--cd-espresso) 94%, transparent);
	--cd-shadow-soft: 0 18px 44px color-mix(in srgb, var(--cd-espresso) 10%, transparent);

	--cd-font-display: Georgia, "Times New Roman", serif;
	--cd-font-body: Manrope, "Avenir Next", Arial, sans-serif;
	--cd-font-utility: var(--cd-font-body);

	--cd-space-1: 0.25rem;
	--cd-space-2: 0.5rem;
	--cd-space-3: 0.75rem;
	--cd-space-4: 1rem;
	--cd-space-5: 1.25rem;
	--cd-space-6: 1.5rem;
	--cd-space-8: 2rem;
	--cd-space-10: 2.5rem;
	--cd-space-12: 3rem;
	--cd-space-16: 4rem;
	--cd-space-20: 5rem;

	--cd-radius-control: 0.375rem;
	--cd-radius-surface: 0.625rem;
	--cd-radius-pill: 999px;
	--cd-product-card-surface: #eee6dc;
	--cd-product-card-border: #e1d4c4;
	--cd-product-card-radius: 0.75rem;
	--cd-product-card-padding: 0.75rem;
	--cd-control-size: 2.75rem;
	--cd-header-icon-size: 1.25rem;
	--cd-header-icon-size-mobile: 0.875rem;
	--cd-header-icon-stroke: 1.25;
	--cd-header-visual-inset-mobile: 0.375rem;
	--cd-header-contact-inline-mobile: 2.125rem;
	--cd-header-contact-inset-mobile: 0.4375rem 0.125rem;
	--cd-page-gutter: clamp(1rem, 4vw, 4rem);
	--cd-content-width: 77.5rem;
	--cd-checkout-width: 88rem;
	--cd-header-size-mobile: 4.25rem;
	--cd-header-size-desktop: 4.75rem;
	--cd-header-content-width: 84rem;
	--cd-header-menu-width: 28rem;
	--cd-cart-drawer-width: 29rem;
	--cd-cart-drawer-height-mobile: min(88dvh, 44rem);
	--cd-cart-item-image-size: 4.5rem;
	--cd-header-gutter: clamp(1.5rem, 3.5vw, 3.75rem);
	--cd-header-logo-width-desktop: clamp(10.5rem, 13vw, 11.25rem);
	--cd-header-nav-font-size-desktop: clamp(0.8125rem, 0.95vw, 0.875rem);
	--cd-header-nav-font-weight-desktop: 600;
	--cd-header-nav-letter-spacing-desktop: 0.008em;
	--cd-header-utility-gap: var(--cd-space-1);
	--cd-header-action-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--cd-color-ink) 8%, transparent);
	--cd-z-sticky: 200;
	--cd-hero-desktop-height: clamp(27rem, 33.333vw, 30rem);
	--cd-hero-desktop-photo-width: 76%;
	--cd-hero-mobile-height: clamp(18.75rem, calc(87vw - 20px), 21.75rem);
	--cd-hero-mobile-photo-height: 100%;
	--cd-hero-mobile-content-width: 56%;
	--cd-hero-mobile-bottom-space: 1rem;
	--cd-color-accent-soft: #e2ad7f;
	--cd-hero-copy-color: color-mix(in srgb, var(--cd-color-inverse) 86%, transparent);

	--cd-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--cd-ease-in: cubic-bezier(0.7, 0, 0.84, 1);
	--cd-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--cd-duration-short: 150ms;
	--cd-duration-medium: 220ms;
}