/* ============================================
   Design Tokens — Mount Rinjani
   All CSS custom properties live here
   ============================================ */

:root {
  /* Colors */
  --color-obsidian:   #0a0a0a;
  --color-stone:      #1a1816;
  --color-ash:        #f2efe8;
  --color-gold:       #c9a84c;
  --color-gold-dim:   #8a6e30;
  --color-mist:       #9a948e;
  --color-crater:     #2a4a5e;

  /* Typography — Families */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Libre Franklin', 'Helvetica Neue', Arial, sans-serif;

  /* Typography — Scale (fluid) */
  --text-xs:    clamp(0.75rem, 1vw, 0.875rem);
  --text-sm:    clamp(0.875rem, 1.2vw, 1rem);
  --text-base:  clamp(1rem, 1.5vw, 1.125rem);
  --text-lg:    clamp(1.25rem, 2vw, 1.5rem);
  --text-xl:    clamp(1.75rem, 3vw, 2.5rem);
  --text-2xl:   clamp(2.5rem, 5vw, 4rem);
  --text-hero:  clamp(3.5rem, 10vw, 9rem);

  /* Spacing */
  --space-xs:   clamp(0.5rem, 1vw, 0.75rem);
  --space-sm:   clamp(1rem, 2vw, 1.5rem);
  --space-md:   clamp(2rem, 4vw, 3rem);
  --space-lg:   clamp(4rem, 8vw, 6rem);
  --space-xl:   clamp(6rem, 12vw, 10rem);
  --space-2xl:  clamp(8rem, 16vw, 14rem);

  /* Layout */
  --max-width: 1200px;
  --gutter: clamp(1.5rem, 4vw, 3rem);

  /* Timing */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 800ms;
}