/* ============================================================
   CHINIFY — Design Tokens v2
   Brand: Ultra-premium furniture solutions for 5-star hotels
   ============================================================ */

:root {
  /* ── Core palette ──────────────────────────────────────── */
  --bg:             #F4EFE6;
  --surface:        #EDE8DE;
  --surface-2:      #E4DDD1;
  --text-primary:   #141210;
  --text-secondary: #6B6560;
  --text-muted:     #A09890;
  --accent:         #C8634A;   /* Chinify coral — used sparingly */
  --accent-light:   #E8705A;
  --dark:           #141210;
  --dark-2:         #1E1C18;
  --white:          #FAFAF8;

  /* ── Typography ────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', Helvetica, sans-serif;

  --size-display: clamp(44px, 6.5vw, 88px);
  --size-h2:      clamp(30px, 3.8vw, 52px);
  --size-h3:      clamp(20px, 2.2vw, 30px);
  --size-body:    clamp(15px, 1.1vw, 17px);
  --size-caption: 13px;
  --size-label:   11px;

  /* ── Spacing ───────────────────────────────────────────── */
  --section-gap:   clamp(80px, 11vw, 148px);
  --container-max: 1280px;
  --gutter:        clamp(24px, 5vw, 72px);

  /* ── Motion ────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --dur:      600ms;

  /* ── Rules ─────────────────────────────────────────────── */
  --rule:       1px solid rgba(20, 18, 16, 0.1);
  --rule-light: 1px solid rgba(250, 250, 248, 0.15);
}