/* ════════════════════════════════════════════════════
   LILAC-style — Design Tokens (demo16)
   Clean cream · charcoal · soft gold · premium cosmetics
   ════════════════════════════════════════════════════ */

:root {
  /* ── Backgrounds ───────────────────────────────── */
  --paper:        #F4EDDF;   /* page background — warm cream-yellow */
  --paper-2:      #EDE4D2;   /* secondary surface */
  --paper-3:      #F2E3C0;   /* pale yellow accent blocks */
  --surface:      #FFFFFF;   /* cards */

  /* ── Ink (charcoal, near-black) ────────────────── */
  --ink-900:      #1A1A1A;   /* headings / primary text */
  --ink-700:      #333333;
  --ink-500:      #6B6258;   /* muted text */
  --ink-300:      #9C9489;
  --ink-200:      #C9C2B6;

  /* ── Gold / accent ─────────────────────────────── */
  --gold:         #C9A24B;   /* primary accent (links, prices) */
  --gold-dark:    #A8842F;
  --gold-soft:    #E8D9B8;
  --gold-pale:    #F3EAD3;

  /* ── Lines ─────────────────────────────────────── */
  --line:         #E6DFD3;
  --line-2:       #D4CCBE;

  /* ── Shadows ───────────────────────────────────── */
  --shadow-sm:    0 2px 8px rgba(26,26,26,0.04);
  --shadow-md:    0 8px 24px rgba(26,26,26,0.07);
  --shadow-lg:    0 18px 44px rgba(26,26,26,0.10);

  /* ── Radii ─────────────────────────────────────── */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  22px;
  --r-pill: 999px;

  /* ── Spacing scale ─────────────────────────────── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* ── Type scale ────────────────────────────────── */
  --fs-xs:  0.75rem;
  --fs-sm:  0.875rem;
  --fs-md:  1rem;
  --fs-lg:  1.25rem;
  --fs-xl:  1.75rem;
  --fs-2xl: 2.5rem;
  --fs-3xl: 3.25rem;

  /* ── Container ─────────────────────────────────── */
  --container: 1660px;

  /* ── Motion ────────────────────────────────────── */
  --dur:  0.3s;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* ── Fonts ─────────────────────────────────────── */
  --font-body:    'Jost', 'Tajawal', system-ui, sans-serif;
  --font-display: 'Cormorant Garamond', 'Tajawal', Georgia, serif;
}