:root {
  /* Backgrounds — Heritage Gold (espresso) */
  --bg-deepest: #120D0A;
  --bg: #18120D;
  --bg-mid: #1F1710;

  /* Surfaces */
  --surface: #2A2018;
  --surface-warm: #6E5C44;
  --card-grad-from: #4A3826;
  --card-grad-mid: #3E2F20;
  --card-grad-to: #34281C;

  /* Accent — gold */
  --accent: #E0A94A;
  --accent-soft: #F2CE85;
  --gradient-from: #F2CE85;
  --gradient-to: #E0A94A;

  /* Text */
  --text: #F4ECDE;
  --text-muted: #B3A48C;
  --text-italic: #6E5C44;

  /* Lines */
  --outline: #3A2E20;
  --outline-soft: rgba(58, 46, 32, 0.4);

  /* Radii */
  --radius-soft: 14px;
  --radius-card: 24px;
  --radius-pill: 999px;

  /* Spacing scale (rem) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;

  /* Typography */
  --font-display: "Avenir", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: "Avenir", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Container */
  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 48px);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 600ms;
}