:root {
  /* Colors */
  --bg-header: #0f0c09;
  --bg-1: #1d1a17;
  --bg-2: #252522;
  --bg-footer-base: #0d0a08;

  --text-white: #ffffff;
  --text-muted-60: rgba(255, 255, 255, 0.6);
  --text-footer: #c4c4c4;

  --border-light: rgba(255, 255, 255, 0.1);
  --border-card: rgba(255, 255, 255, 0.19);

  --accent: #a46447;
  --accent-hover: #b97956;
  --accent-icon: #b79a72;

  /* Typography */
  --font-family-base: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-family-display: 'Cormorant Garamond', 'PT Serif', Georgia, serif;

  --font-h1: 500 6rem/1 var(--font-family-display);
  --font-h1-mobile: 500 3.6rem/1.15 var(--font-family-display);
  --font-h2: 500 6rem/1 var(--font-family-display);
  --font-h2-mobile: 500 3.2rem/1.15 var(--font-family-display);
  --font-h3: 500 3rem/1.17 var(--font-family-display);
  --font-card-name: 500 2.6rem/1.2 var(--font-family-display);
  --font-footer-heading: 500 3rem/1.07 var(--font-family-display);

  --font-body: 400 1.6rem/1.5 var(--font-family-base);
  --font-body-sm: 400 1.4rem/1.29 var(--font-family-base);
  --font-nav: 400 1.5rem/1.2 var(--font-family-base);
  --font-button: 400 1.5rem/1.2 var(--font-family-base);
  --font-caption: 400 1.4rem/1.29 var(--font-family-base);
  --font-overline: 400 1.4rem/1 var(--font-family-base);

  /* Layout */
  --container-width: 144rem; /* 1440px */
}