/* ============================================================
   BY QKDA — Design Tokens
   ============================================================ */

:root {

  /* ── Palette ─────────────────────────────────────────────── */
  --c-white:       #FFFFFF;
  --c-off-white:   #FAFAF8;
  --c-sand-100:    #F6F1EB;
  --c-sand-200:    #EDE7DC;
  --c-sand-300:    #E1DAD0;
  --c-beige:       #CEC8BE;
  --c-stone:       #9E978E;
  --c-text:        #1A1A18;
  --c-text-2:      #635E59;
  --c-text-3:      #9C9792;
  --c-border:      #E0DAD3;
  --c-border-2:    #CCC5BC;
  --c-black:       #0D0D0B;
  --c-brand:       #E05A86;   /* Logo / sale badges only  */
  --c-sale:        #B85454;
  --c-success:     #4E7C5F;

  /* ── Typography ──────────────────────────────────────────── */
  --f-display:  'Cormorant Garamond', Georgia, serif;
  --f-body:     'DM Sans', system-ui, -apple-system, sans-serif;

  /* ── Fluid display sizes ─────────────────────────────────── */
  --fsd-xs:   clamp(1.75rem, 3.5vw, 2.5rem);
  --fsd-sm:   clamp(2.25rem, 5vw, 3.75rem);
  --fsd-md:   clamp(3rem, 7vw, 5.5rem);
  --fsd-lg:   clamp(4rem, 9vw, 7.5rem);
  --fsd-xl:   clamp(5.5rem, 12vw, 10rem);

  /* ── Body sizes (fixed) ──────────────────────────────────── */
  --fs-10: 0.625rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;

  /* ── Spacing ─────────────────────────────────────────────── */
  --sp-4:   4px;
  --sp-8:   8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-20:  20px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-40:  40px;
  --sp-48:  48px;
  --sp-56:  56px;
  --sp-64:  64px;
  --sp-80:  80px;
  --sp-96:  96px;
  --sp-120: 120px;
  --sp-160: 160px;

  /* ── Layout ──────────────────────────────────────────────── */
  --w-max:          1440px;
  --pad-x:          clamp(20px, 5vw, 80px);
  --h-announce:     40px;
  --h-nav:          68px;
  --h-header:       calc(var(--h-announce) + var(--h-nav));

  /* ── Motion ──────────────────────────────────────────────── */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:   cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:   150ms;
  --dur-base:   280ms;
  --dur-slow:   500ms;
  --dur-xslow:  800ms;

  /* ── Z-index ─────────────────────────────────────────────── */
  --z-base:     1;
  --z-lift:     10;
  --z-drop:     100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    1000;
}