/**
 * M M Sanidaz — Design System Tokens
 * ------------------------------------------------------------------
 * Foundation only. Nothing in the current site references these
 * variables yet, so loading this file does not change how any
 * existing page looks. Components will be built against these
 * tokens in a later phase.
 *
 * Direction: modern, premium, warm, elegant, playful-not-childish,
 * restrained color, spacious. Avoid: bright/rainbow, cartoonish,
 * heavy gradients, generic "SaaS" look.
 *
 * Breakpoints are documented (not variables) because CSS custom
 * properties cannot be used inside @media conditions:
 *   mobile:        up to 479px
 *   mobile-large:  480px  – 767px
 *   tablet:        768px  – 1023px
 *   laptop:        1024px – 1279px
 *   desktop:       1280px and above
 */

:root {

	/* Color — brand. Finalized palette (locked spec): rose is the brand
	   accent (links, icons, outline buttons, borders emphasis); espresso
	   is reserved for the primary/filled button so it reads as "the one
	   solid dark action" rather than the site going heavily pink. */
	--mmsc-color-primary: #b97984;        /* muted dusty rose — brand accent */
	--mmsc-color-dark: #2d2623;           /* deep espresso — primary/filled button */
	--mmsc-color-dark-hover: #221d1a;     /* espresso, darkened — primary button hover/active */
	--mmsc-color-accent: #d5a84b;         /* soft warm gold — rating stars, focus rings */

	/* Color — neutrals */
	--mmsc-color-bg: #f8f5f0;             /* subtle warm ivory — page background */
	--mmsc-color-surface: #ffffff;
	--mmsc-color-text: #2d2623;           /* deep espresso / charcoal — primary text */
	--mmsc-color-text-muted: #7d716a;     /* warm taupe — secondary text */
	--mmsc-color-border: #ded5cc;         /* soft warm beige — borders/dividers */

	/* Color — semantic. Sale/discount is a muted rose distinct from the
	   brand accent (role separation per spec), not a separate red hue —
	   urgency without introducing an off-palette color. */
	--mmsc-color-sale: #a9656f;           /* muted rose — sale/discount */
	--mmsc-color-success: #5c7a5c;
	--mmsc-color-error: #b3413d;          /* genuine errors only (form validation etc.) — kept apart from sale */

	/* Typography.
	   Sizes are deliberately in px, not rem: found via live inspection
	   that OceanWP's own style.min.css sets `html { font-size: 62.5% }`
	   sitewide (its own rem-math convention, load-bearing for the theme's
	   own spacing elsewhere — not something to override). Every rem-based
	   size in this file was silently rendering at 62.5% of its intended
	   value as a result (13px → 8.125px, etc.) — exactly the "text too
	   small" symptom reported for the Quick Add button and rating stars.
	   px is immune to the root font-size, so it's the correct fix here,
	   not changing OceanWP's own convention. */
	--mmsc-font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
	--mmsc-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--mmsc-text-xs: 12px;
	--mmsc-text-sm: 14px;
	--mmsc-text-base: 16px;
	--mmsc-text-lg: 20px;
	--mmsc-text-xl: 25px;
	--mmsc-text-2xl: 31px;
	--mmsc-text-3xl: 39px;
	--mmsc-text-4xl: 49px;

	/* Component-specific sizes that don't fit the generic type scale
	   cleanly, centralized here rather than hard-coded per file. */
	--mmsc-text-button: 13px;  /* Quick Add / View Cart / Buy Now */
	--mmsc-text-rating: 15px;  /* star rating, "clearly visible but secondary to price" */

	/* Spacing scale (4px base) */
	--mmsc-space-1: 4px;
	--mmsc-space-2: 8px;
	--mmsc-space-3: 12px;
	--mmsc-space-4: 16px;
	--mmsc-space-5: 24px;
	--mmsc-space-6: 32px;
	--mmsc-space-7: 48px;
	--mmsc-space-8: 64px;
	--mmsc-space-9: 96px;

	/* Radius — modest, not heavily rounded */
	--mmsc-radius-sm: 4px;
	--mmsc-radius-md: 8px;
	--mmsc-radius-lg: 16px;
	--mmsc-radius-pill: 999px;

	/* Shadow — soft, used sparingly */
	--mmsc-shadow-sm: 0 1px 2px rgba(43, 37, 33, 0.06);
	--mmsc-shadow-md: 0 4px 16px rgba(43, 37, 33, 0.08);

	/* Transitions */
	--mmsc-transition-fast: 150ms ease;
	--mmsc-transition-base: 250ms ease;
}