/*
Theme Name: Miu The Label
Theme URI: https://miuthelabel.com
Author: GA
Author URI: https://miuthelabel.com
Description: A soft-luxury catalog theme for Miu The Label. Blush pink, editorial script typography, grainy texture, ribbon motifs. WooCommerce catalog-ready — no cart or checkout.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: miu-the-label
Tags: woocommerce, fashion, catalog, feminine, editorial, custom-menu, custom-logo, featured-images, full-width-template
WooCommerce: 3.0+
*/

/* ============================================================
   CSS CUSTOM PROPERTIES
   ============================================================ */
:root {
  /* Brand Palette — from reference */
  --miu-blush:        #f0ddd8;
  --miu-blush-deep:   #e8cec7;
  --miu-blush-light:  #f7ecea;
  --miu-dark:         #2a1f1c;
  --miu-brown:        #3d2b25;
  --miu-taupe:        #8a7570;
  --miu-smoke:        #c8b8b4;
  --miu-white:        #fdfaf9;
  --miu-offwhite:     #f5f0ee;
  --miu-grey-light:   #e8e4e2;

  /* Typography */
  --font-script:   'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-serif:    'Cormorant Garamond', Georgia, serif;
  --font-sans:     'DM Sans', 'Helvetica Neue', Arial, sans-serif;

  /* Spacing */
  --space-xs:  0.375rem;
  --space-sm:  0.75rem;
  --space-md:  1.5rem;
  --space-lg:  3rem;
  --space-xl:  5rem;
  --space-2xl: 9rem;

  /* Layout */
  --max-width: 1400px;
  --gutter: clamp(1.25rem, 5vw, 4rem);

  /* Motion */
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dur-fast: 0.2s;
  --dur-med: 0.4s;
  --dur-slow: 0.7s;
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  background-color: var(--miu-white);
  color: var(--miu-dark);
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; border: none; background: none; outline: none; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-serif); font-weight: 400; line-height: 1.2; }