/* ============================================================
   CRC THE PERIDONA — design tokens
   "Gallery Ivory — The Peridona Private View"
   ============================================================ */
:root {
  /* ---- palette ---- */
  --c-ivory:         #F6F1E7;
  --c-warm-white:    #FCF9F2;
  --c-parchment:     #ECE4D3;
  --c-ink:           #201B14;
  --c-stone:         #6B6353;
  --c-gold:          #C0A472;  /* decorative only on light bg below 24px */
  --c-gold-deep:     #8A6F3F;  /* text-safe gold on ivory */
  --c-espresso:      #191009;
  --c-espresso-soft: #2C1810;
  --c-ivory-dark:    #F2EADB;
  --c-scrim:         #000000;

  /* ---- live theme variables ---- */
  --bg:       var(--c-ivory);
  --fg:       var(--c-ink);
  --fg-2:     var(--c-stone);
  --accent:   var(--c-gold-deep);
  --hairline: rgba(192, 164, 114, .55);
  --divider:  rgba(107, 99, 83, .2);
  --mat-bg:   var(--c-warm-white);

  /* ---- type ---- */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", "Segoe UI", system-ui, sans-serif;

  --fs-display1: clamp(4rem, 10.5vw, 10.5rem);
  --fs-display2: clamp(2.5rem, 5.5vw, 5rem);
  --fs-display3: clamp(1.75rem, 3.2vw, 3rem);
  --fs-stat:     clamp(2.75rem, 5vw, 5rem);
  --fs-list:     clamp(1.5rem, 2.6vw, 2.5rem);
  --fs-body:     1.0625rem;
  --fs-placard:  0.9375rem;
  --fs-eyebrow:  0.75rem;
  --fs-micro:    0.75rem;
  --fs-intertitle: clamp(1.375rem, 2.4vw, 2rem);

  /* ---- motion ---- */
  --ease-hover: cubic-bezier(0.22, 1, 0.36, 1);
  --t-theme: 0.8s;

  /* ---- rhythm ---- */
  --pad-room: clamp(96px, 14vw, 200px);
  --pad-x: clamp(20px, 4vw, 64px);
  --mat: clamp(24px, 2.5vw, 40px);
  --nav-h: 88px;
  --grid-max: 1680px;
}

[data-theme="dark"] {
  --bg: var(--c-espresso);
  --fg: var(--c-ivory-dark);
  --fg-2: rgba(242, 234, 219, .62);
  --accent: var(--c-gold);
  --hairline: rgba(192, 164, 114, .4);
  --divider: rgba(242, 234, 219, .14);
  --mat-bg: var(--c-espresso-soft);
}