/* ==========================================================
   Design Tokens — Miral Fashion
   Single source of truth for all visual properties.

   Palette: luxury white / marble / gold
   ========================================================== */

:root {
	/* --- Palette: white / marble / gold --- */
	--c-gold:          #c9a96e;
	--c-gold-light:    #f5f0e8;
	--c-gold-dark:     #b8943e;
	--c-marble:        #e8e0d4;
	--c-marble-light:  #f7f4f0;
	--c-marble-dark:   #b5a898;
	--c-ivory:         #fafaf8;
	--c-ivory-dark:    #f2f0ec;
	--c-stone:         #e0dcd6;
	--c-stone-dark:    #c5bfb5;

	/* --- Neutrals & text --- */
	--c-text:         #1a1a1a;
	--c-text-2:       #555555;
	--c-text-muted:   #999999;
	--c-white:        #ffffff;
	--c-bg:           #ffffff;
	--c-border:       #e5e5e5;

	/* --- Accents --- */
	--c-accent:       #c9a96e;
	--c-accent-hover: #b8943e;
	--c-success:      #5a9e5f;
	--c-overlay:      rgba(0, 0, 0, 0.45);

	/* --- Typography --- */
	--f-display: 'Fraunces', serif;
	--f-body:    'DM Sans', sans-serif;
	--f-accent:  'Cormorant Garamond', serif;

	--fs-xs:   0.75rem;
	--fs-sm:   0.875rem;
	--fs-base: 1rem;
	--fs-lg:   1.125rem;
	--fs-xl:   1.25rem;
	--fs-2xl:  1.75rem;
	--fs-3xl:  2.25rem;
	--fs-4xl:  3rem;
	--fs-hero: clamp(2.5rem, 5vw, 4.5rem);

	/* --- Spacing --- */
	--sp-xs:  0.25rem;
	--sp-sm:  0.5rem;
	--sp-md:  1rem;
	--sp-lg:  1.5rem;
	--sp-xl:  2rem;
	--sp-2xl: 3rem;
	--sp-3xl: 4rem;
	--sp-4xl: 6rem;
	--sp-section: clamp(4rem, 8vw, 8rem);

	/* --- Borders & radii --- */
	--r-sm:   4px;
	--r-md:   8px;
	--r-lg:   12px;
	--r-xl:   16px;
	--r-full: 9999px;

	/* --- Shadows (neutral-tinted) --- */
	--sh-sm:    0 1px 3px rgba(0, 0, 0, 0.05);
	--sh-md:    0 4px 12px rgba(0, 0, 0, 0.07);
	--sh-lg:    0 8px 30px rgba(0, 0, 0, 0.10);
	--sh-card:  0 2px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.03);
	--sh-hover: 0 12px 40px rgba(0, 0, 0, 0.12);

	/* --- Motion --- */
	--ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
	--ease-elegant: cubic-bezier(0.25, 0.1, 0.25, 1);
	--dur-fast:   200ms;
	--dur-normal: 350ms;
	--dur-slow:   600ms;

	/* --- Layout --- */
	--w-container:  1280px;
	--w-wide:       1440px;
	--w-narrow:     720px;
	--h-header:     80px;
	--grid-gap:     1.5rem;
}