:root {
  /* Colors */
  --color-gold: #d4af37;
  --color-midnight: #1a1a2e;
  --color-antique-gold: #c9a227;
  --color-slate-navy: #2d2d44;
  --color-ivory: #f5f5dc;
  --color-emerald: #4bc542;

  /* Typography */
  --font-display: 'ShanHaiYingLunGeTe', 'Cinzel', 'Trajan Pro', Georgia, 'Times New Roman', serif;
  --font-serif: 'ShanHaiYingLunGeTe', Georgia, 'Songti SC', 'Noto Serif SC', 'Source Han Serif SC', serif;

  --text-display: 64px;
  --text-heading-lg: 48px;
  --text-heading: 36px;
  --text-subheading: 24px;
  --text-body: 16px;
  --text-label: 14px;

  /* Spacing */
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-96: 96px;
  --spacing-128: 128px;

  /* Layout */
  --page-max-width: 1080px;
  --section-gap: 128px;
  --card-padding: 32px;
  --element-gap: 24px;

  /* Radii */
  --radius-cards: 0;
  --radius-buttons: 0;
  --radius-medallions: 999px;

  /* Surfaces */
  --surface-midnight: #1a1a2e;
  --surface-slate: #2d2d44;
  --surface-slate-lift: #33334d;

  /* Lines & text */
  --line-gold-strong: rgba(212, 175, 55, 0.9);
  --line-gold: rgba(212, 175, 55, 0.55);
  --line-gold-soft: rgba(212, 175, 55, 0.28);
  --line-antique: rgba(201, 162, 39, 0.6);
  --text-muted: rgba(245, 245, 220, 0.64);
  --text-faint: rgba(245, 245, 220, 0.56);
}