/* =========================================================
   DIVINE TREASURES — GLOBAL DESIGN TOKENS
   Sab colors, fonts, sizes yahan se control hote hain.
   Kahin bhi color/font change karna ho to sirf yahan badlo.
   ========================================================= */
:root{
  /* ---------- COLORS ---------- */
  --color-primary:        #a3221a;   /* deep maroon-red — buttons, headings accents */
  --color-primary-dark:   #7a1a14;   /* darker maroon — hover states, footer bg */
  --color-primary-light:  #fce8e6;   /* soft blush pink — section backgrounds */
  --color-secondary:      #1111111;   /* body text dark */
  --color-text:           #000;   /* default paragraph text */
  --color-text-light:     #000;   /* muted / sub text */
  --color-white:          #ffffff;
  --color-black:          #000;
  --color-border:         #eadedd;
  --color-price:          #111;
  --color-overlay-dark:   rgba(0,0,0,0.35);

  /* ---------- TYPOGRAPHY ---------- */
  --font-heading: "Nanum Myeongjo", serif;
  --font-script:  "Italianno", cursive;
  --font-body:    'Mona Sans', sans-serif;
  --fs-xs:    15px;
  --fs-sm: 16px;
  --fs-base:  22px;
  --fs-md: 20px;
  --fs-lg:    36px;
  --fs-xl:    42px;
  --fs-2xl:   45px;
  --fs-3xl:   50px;
  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* ---------- SPACING ---------- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.75rem;
  --space-lg:  3rem;
  --space-xl:  5rem;

  /* ---------- RADIUS & SHADOW ---------- */
  --radius-sm:  6px;
  --radius-md:  16px;
  --radius-pill: 100%;
  --shadow-sm:  0 2px 10px rgba(0,0,0,0.06);
  --shadow-md:  0 8px 24px rgba(0,0,0,0.12);

  /* ---------- TRANSITIONS ---------- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;
  --transition-slow: 0.6s ease;
}