@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,900;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* ── Brand Colours ─────────────────────────────────── */
  --gold:              #C9A84C;
  --gold-light:        #dfc278;
  --gold-dark:         #a8863a;
  --gold-dim:          rgba(201,168,76,0.10);
  --gold-border:       rgba(201,168,76,0.18);
  --gold-border-hover: rgba(201,168,76,0.50);

  /* ── Backgrounds ───────────────────────────────────── */
  --bg:          #0a0a09;
  --bg-surface:  #111110;
  --bg-elevated: #181816;
  --bg-card:     #131311;

  /* ── Text ──────────────────────────────────────────── */
  --text:        #e8e0d0;
  --text-muted:  #8a8278;
  --text-faint:  #4a4540;

  /* ── Typography ────────────────────────────────────── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ── Layout ────────────────────────────────────────── */
  --container:   1200px;
  --section-y:   7rem;
  --gap:         1.5rem;
  --radius:      2px;
  --radius-md:   6px;

  /* ── Motion ────────────────────────────────────────── */
  --ease:      0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-slow: 0.5s  cubic-bezier(0.4, 0, 0.2, 1);
}