:root {
  /* Deep, luxe darks */
  --bg: #0b0b0b; /* page background (near-black) */
  --bg-2: #0f0f0f; /* subtle alt background */
  --text: #f5f5f5; /* high-contrast light text */
  --muted: #b7b7b7; /* secondary text */

  /* Extras your layout uses */
  --muted-2: #c4c4c4; /* captions under images */
  --muted-dim: #a0a0a0; /* footer disclaimer */
  --panel: #101010; /* card/panel base */

  /* Black & gold CTA */
  --accent: #d4af37; /* classic gold */
  --accent-2: #b9932e; /* deeper gold on hover */

  /* Focus ring tinted from gold */
  --ring: rgba(212, 175, 55, 0.28);

  --radius: 16px;
  --radius-img: 12px;

  /* Card visuals on a dark theme */
  --background: rgba(255, 255, 255, 0.035); /* subtle translucent panel */
  --card-border: rgba(255, 255, 255, 0.08); /* soft border on dark */
  --shadow: 0 14px 34px rgba(0, 0, 0, 0.55), 0 6px 18px rgba(0, 0, 0, 0.35);
}

/* Tag chip: gold outline for the premium vibe */
.tag {
  color: #0b0b0b;
  background: #d4af37;
}