/* Culet Couture — design tokens
   Warm, ivory-grounded and quiet. Deliberately distinct from Culet Diamonds,
   which is cool navy. The shared champagne metallic is what links them. */
:root{
  /* ground + ink */
  --cc-ink:        #14110F;   /* warm near-black. never pure #000 */
  --cc-ink-80:     #3A3532;
  --cc-ink-60:     #625B56;
  --cc-stone:      #8A8378;   /* secondary text */
  --cc-blush:      #EDE7DC;   /* section tint, hairlines */
  --cc-bone:       #F7F4EF;   /* page ground */
  --cc-white:      #FFFFFF;

  /* metal */
  --cc-champagne:  #C6A664;   /* the one accent. use sparingly */
  --cc-champagne-d:#A8863F;   /* AA-safe on bone for text */

  /* type */
  --cc-display: Marcellus, 'Cormorant Garamond', Didot, 'Times New Roman', serif;
  --cc-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cc-track-brand: .34em;    /* wordmark tracking */
  --cc-track-eyebrow: .18em;

  /* scale — 1.25 major third, 16px base */
  --cc-s-xs: .75rem; --cc-s-sm: .875rem; --cc-s-md: 1rem;
  --cc-s-lg: 1.25rem; --cc-s-xl: 1.563rem; --cc-s-2xl: 1.953rem;
  --cc-s-3xl: 2.441rem; --cc-s-4xl: 3.052rem; --cc-s-5xl: 3.815rem;

  /* space — 4px base */
  --cc-1:4px; --cc-2:8px; --cc-3:12px; --cc-4:16px; --cc-6:24px;
  --cc-8:32px; --cc-12:48px; --cc-16:64px; --cc-24:96px; --cc-32:128px;

  /* motion — restraint. luxury moves slowly and only when it means something */
  --cc-ease: cubic-bezier(.22,.61,.36,1);
  --cc-fast: 160ms; --cc-base: 260ms; --cc-slow: 420ms;

  --cc-maxw: 1280px;
  --cc-radius: 2px;          /* almost square. rounded corners read cheap here */
}
@media (prefers-reduced-motion: reduce){
  :root{ --cc-fast:0ms; --cc-base:0ms; --cc-slow:0ms; }
}