/*  Rose Couture — design tokens
    wearmyluxury.com redesign · 2026-04  */

:root {
  /* ---- Palette ------------------------------------------------------ */
  --wml-bg:          #F7EFE8;   /* blush porcelain */
  --wml-bg-deep:     #EFE4D8;   /* warm paper */
  --wml-bg-shadow:   #E8DCCD;   /* subtle depth */
  --wml-ink:         #2B1A1E;   /* wine-black */
  --wml-ink-soft:    #4A3238;   /* softened ink */
  --wml-accent:      #8C2B3B;   /* burgundy */
  --wml-accent-deep: #6E1E2C;   /* deep wine */
  --wml-gilt:        #C9A25A;   /* brushed gold */
  --wml-gilt-deep:   #A88344;   /* patina gold */
  --wml-hairline:    #D8C9BA;   /* warm taupe line */
  --wml-muted:       #7A5E52;   /* coffee muted */
  --wml-white:       #FFFBF5;   /* warm white */

  /* ---- Typography --------------------------------------------------- */
  --wml-font-display: "Cormorant Garamond","Cormorant","Playfair Display",Georgia,serif;
  --wml-font-heading: "Cormorant SC","Cormorant",Georgia,serif;
  --wml-font-body:    "Lora","Source Serif Pro",Georgia,serif;
  --wml-font-accent:  "Dancing Script",cursive;

  --wml-tracking-caps: 0.22em;
  --wml-tracking-body: 0.01em;

  /* Modular scale (~1.25) */
  --wml-size-xs:   0.78rem;
  --wml-size-sm:   0.875rem;
  --wml-size-base: 1rem;
  --wml-size-md:   1.25rem;
  --wml-size-lg:   1.5rem;
  --wml-size-xl:   2rem;
  --wml-size-2xl:  2.75rem;
  --wml-size-3xl:  3.75rem;
  --wml-size-hero: 5.25rem;

  /* ---- Spatial ------------------------------------------------------ */
  --wml-page-max:   1440px;
  --wml-gutter:     clamp(1rem, 3vw, 2.5rem);
  --wml-section-y:  clamp(3.5rem, 7vw, 7rem);
  --wml-radius:     0px;  /* luxury = sharp corners */

  /* ---- Lines & shadow ---------------------------------------------- */
  --wml-hairline-rule: 1px solid var(--wml-hairline);
  --wml-shadow-soft:   0 12px 40px -24px rgba(43,26,30,0.35);
  --wml-shadow-lift:   0 18px 60px -28px rgba(43,26,30,0.45);

  /* ---- Motion ------------------------------------------------------ */
  --wml-ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --wml-ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --wml-dur-fast:  180ms;
  --wml-dur-base:  360ms;
  --wml-dur-slow:  720ms;
  --wml-dur-hero:  6000ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --wml-dur-fast: 0ms;
    --wml-dur-base: 0ms;
    --wml-dur-slow: 0ms;
    --wml-dur-hero: 0ms;
  }
}