/* ============================================================================
   RIMASH GEMS — design tokens

   Light only, by direction. The palette is deliberately achromatic: the page
   is paper and ink, and every colour on screen comes from the stones. Gold is
   an accent measured in hairlines and small caps, never in fills.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- surface ------------------------------------------------------- */
  --paper:      #ffffff;
  --ivory:      #faf7f2;
  --ivory-2:    #f3efe7;
  --ivory-3:    #ebe5db;

  /* --- ink ----------------------------------------------------------- */
  --ink:        #15120f;
  --ink-2:      #574f45;
  --ink-3:      #8b8275;
  --ink-4:      #aaa294;

  /* --- line ---------------------------------------------------------- */
  --line:       #e6e0d5;
  --line-soft:  #f0ebe2;
  --line-firm:  #d6cec0;

  /* --- accent (restrained) ------------------------------------------- */
  --gold:       #9a7b43;
  --gold-2:     #b89a63;
  --gold-wash:  #f6f0e4;

  --sold:       #a4998a;

  /* --- type ---------------------------------------------------------- */
  --display: 'Playfair Display', 'Times New Roman', serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --t-hero:   clamp(2.7rem, 7.2vw, 6.1rem);
  --t-h2:     clamp(2rem, 4.4vw, 3.5rem);
  --t-h3:     clamp(1.35rem, 2.3vw, 1.85rem);
  --t-lead:   clamp(1.02rem, 1.42vw, 1.28rem);
  --t-body:   clamp(0.95rem, 1.05vw, 1.03rem);
  --t-small:  0.845rem;
  --t-label:  0.688rem;

  /* --- space --------------------------------------------------------- */
  --gutter: clamp(1.25rem, 5vw, 5.5rem);
  --section-y: clamp(4.25rem, 9vh, 7.5rem);
  --max: 1420px;
  --measure: 34rem;

  /* --- motion -------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.24, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --slow: 1.1s;
  --med: 0.62s;
  --fast: 0.34s;

  --radius: 2px;
  --shadow-card: 0 1px 2px rgba(21, 18, 15, 0.04),
                 0 12px 34px -18px rgba(21, 18, 15, 0.22);
  --shadow-lift: 0 2px 6px rgba(21, 18, 15, 0.05),
                 0 28px 60px -26px rgba(21, 18, 15, 0.32);
}

/* Light only — the brand's own visual identity is a white surface.
   Device dark preference is intentionally not honoured. */