:root {
  /* Color palette */
  --color-bg:           #060608;
  --color-gold:         #C9A84C;
  --color-gold-light:   #E8C97A;
  --color-gold2:        #A8863A;
  --color-gold-dim:     rgba(201,168,76,.25);
  --color-gold-glow:    rgba(201,168,76,.08);
  --color-text:         #E8E0D0;
  --color-text-muted:   #8A7D6B;
  --color-text-faint:   #4A4438;
  --color-border:       rgba(201,168,76,0.2);

  /* Typography */
  --font-primary:       'Cormorant Garamond', serif;
  --font-secondary:     'Barlow Condensed', sans-serif;

  /* Transitions */
  --transition-default: 0.3s ease;

  /* Layout */
  --section-padding:    clamp(60px, 10vw, 100px);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 18px;
  line-height: 1.7;
  overflow-x: hidden;
}