/* ========================================================= DESIGN SYSTEM — CSS CUSTOM PROPERTIES These defaults are the fallback values. The real values are printed inline (see inc/enqueue.php -> cute_marketplace_dynamic_css) from Theme Settings, so a single change to "Primary Color" in wp-admin updates every component that references var(--cm-primary). ========================================================= */ :root { /* Colors */ --cm-primary: #F48FB1; --cm-primary-dark: #E76F9B; --cm-primary-soft: #FCE4EC; --cm-background: #FFF9FB; --cm-surface: #FFFFFF; --cm-text: #292929; --cm-muted: #777777; --cm-border: #EEEEEE; --cm-success: #4CAF50; --cm-warning: #FFB74D; --cm-danger: #EF5350; /* Typography */ --cm-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --cm-font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --cm-font-size-base: 16px; --cm-font-size-h1: 2.5rem; --cm-font-size-h2: 2rem; --cm-font-size-h3: 1.5rem; --cm-font-size-product-title: 0.95rem; --cm-line-height: 1.6; /* Layout */ --cm-container-width: 1280px; --cm-site-width: 100%; --cm-spacing-unit: 8px; --cm-radius: 12px; --cm-radius-sm: 8px; --cm-radius-lg: 20px; /* Shadows */ --cm-shadow-sm: 0 1px 2px rgba(41, 41, 41, 0.04); --cm-shadow-md: 0 4px 16px rgba(244, 143, 177, 0.12); --cm-shadow-lg: 0 8px 24px rgba(244, 143, 177, 0.16); /* Motion */ --cm-transition: 180ms ease; } /* Dark surfaces (e.g. "Luxury" preset) can override the block above by adding a data attribute on , without touching markup. */ html[data-cm-preset="luxury"] { --cm-background: #14131A; --cm-surface: #1E1D26; --cm-text: #F5F1E8; --cm-muted: #A9A4B5; --cm-primary: #D4AF37; --cm-primary-dark: #B8912C; --cm-primary-soft: #2A2620; --cm-border: #33313E; }