/* ==========================================================================
   Nina's Lingerie — Design tokens
   Palette extraite du logo (fond #FEECE8, robe #D2959C, texte #672C35).
   Les couleurs "wine" et "rose" peuvent être surchargées depuis l'admin
   (Paramètres > Couleurs du thème) via des variables CSS posées par ui.js.
   ========================================================================== */
:root {
  /* — Couleurs de marque — */
  --c-cream:      #FFF8F5;   /* blanc cassé crème : fond principal */
  --c-blush:      #FEECE8;   /* fond du logo */
  --c-powder:     #F7D6D3;   /* rose poudré */
  --c-rose:       #D2959C;   /* rose Nina (robe du logo) */
  --c-rose-deep:  #B37C83;   /* vieux rose */
  --c-wine:       #672C35;   /* bordeaux Nina (signature) */
  --c-wine-dark:  #4A1D25;
  --c-ink:        #2A1418;   /* "noir" prune profond */
  --c-nude:       #E9D3C4;   /* nude satiné */
  --c-gold:       #C9A27E;   /* or rosé */
  --c-gold-light: #E8C9A9;

  --c-text:       #3B2226;
  --c-muted:      #8C6E70;
  --c-line:       rgba(103, 44, 53, .12);
  --c-line-strong:rgba(103, 44, 53, .22);
  --c-white:      #FFFFFF;
  --c-success:    #5E8C6A;
  --c-danger:     #B4434F;

  --g-gold: linear-gradient(115deg, #B8906C 0%, #E8C9A9 35%, #F6E3CF 50%, #E8C9A9 65%, #B8906C 100%);
  --g-silk: radial-gradient(120% 80% at 15% 10%, #FFF8F5 0%, transparent 55%),
            radial-gradient(90% 70% at 85% 30%, #F7D6D3 0%, transparent 60%),
            radial-gradient(100% 90% at 50% 100%, #FEECE8 0%, transparent 70%),
            #FCEFEB;

  /* — Typographie — */
  --f-serif:  "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --f-sans:   "Jost", "Montserrat", system-ui, -apple-system, sans-serif;
  --f-script: "Pinyon Script", "Great Vibes", cursive;

  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-3xl: clamp(2.6rem, 1.6rem + 4.8vw, 5.5rem);

  /* — Espacements / formes — */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 7rem;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1280px;

  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 32px; --r-pill: 999px;
  --r-arch: 999px 999px var(--r-lg) var(--r-lg);

  --sh-xs: 0 1px 2px rgba(74, 29, 37, .05);
  --sh-sm: 0 4px 14px -6px rgba(74, 29, 37, .12);
  --sh-md: 0 14px 40px -18px rgba(74, 29, 37, .22);
  --sh-lg: 0 30px 70px -30px rgba(74, 29, 37, .35);

  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .2s; --t-med: .45s; --t-slow: .9s;

  --header-h: 68px;
  --z-header: 50; --z-drawer: 80; --z-modal: 90; --z-toast: 100; --z-intro: 200;
}

@media (min-width: 900px) {
  :root { --header-h: 84px; }
}