/* ============================================================
   VÉRAQ — Design Tokens
   Quiet-luxury system: low-saturation matte palette, editorial
   serif display, neutral grotesque body, generous rhythm.
   ============================================================ */
:root {
  /* — Surface / ink — */
  --paper:        #f4efe5;   /* warm paper base                */
  --paper-2:      #ece4d4;   /* recessed warm                  */
  --paper-3:      #e3d9c6;   /* deeper warm                    */
  --ink:          #21242b;   /* near-black (midnight)          */
  --ink-2:        #3c4047;
  --ink-soft:     #6b6e75;
  --ink-faint:    #9a9b9c;
  --line:         rgba(33,36,43,.12);
  --line-2:       rgba(33,36,43,.22);

  /* — Product colorways (sampled from the real renders) — */
  --c-oat:        #e9e0cf;
  --c-mist:       #c7c7c2;
  --c-clay:       #d6a591;
  --c-sage:       #a3a585;
  --c-midnight:   #2b2f36;
  --c-sand:       #c8b69b;
  --c-butter:     #e8d59b;

  /* — Accents — */
  --metal:        #b9ad99;   /* brushed warm metal band        */
  --metal-2:      #d8cdb8;
  --accent:       #8c8166;   /* restrained warm taupe          */

  /* — Type — */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", "PingFang TC",
                  "Noto Sans TC", sans-serif;

  --fs-eyebrow:   clamp(.68rem, .62rem + .25vw, .78rem);
  --fs-body:      clamp(.95rem, .9rem + .25vw, 1.05rem);
  --fs-lead:      clamp(1.05rem, .98rem + .5vw, 1.3rem);
  --fs-h3:        clamp(1.3rem, 1.1rem + 1vw, 1.9rem);
  --fs-h2:        clamp(2.1rem, 1.4rem + 3.2vw, 4.2rem);
  --fs-display:   clamp(3rem, 1.6rem + 6.6vw, 8.5rem);

  --tracking-wide:  .28em;
  --tracking-mega:  .42em;

  /* — Space — */
  --space-section: clamp(5rem, 3rem + 9vw, 11rem);
  --gutter:        clamp(1.15rem, .6rem + 2.4vw, 3rem);
  --maxw:          1320px;
  --maxw-text:     62ch;

  /* — Radius / shadow — */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-s: 0 1px 2px rgba(33,36,43,.05), 0 6px 18px rgba(33,36,43,.06);
  --shadow-m: 0 10px 40px rgba(33,36,43,.10), 0 2px 8px rgba(33,36,43,.05);
  --shadow-l: 0 30px 80px rgba(33,36,43,.16);

  /* — Motion — */
  --ease:      cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);
  --t-fast: .25s;
  --t-med:  .5s;
  --t-slow: .9s;

  --header-h: 76px;
}

/* Dark editorial section (gifting / contrast bands) */
.is-dark {
  --paper:   #1c1f25;
  --paper-2: #23262d;
  --paper-3: #2b2f37;
  --ink:     #f1ece1;
  --ink-2:   #d8d3c8;
  --ink-soft:#a6a59d;
  --ink-faint:#7d7e7e;
  --line:    rgba(241,236,225,.14);
  --line-2:  rgba(241,236,225,.26);
  color-scheme: dark;
}