:root {
  /* Deep graphite + cool neutrals */
  --bg: #0e1114; /* page background (graphite blue-black) */
  --bg-2: #11161a; /* subtle alt background */
  --text: #eef2f5; /* high-contrast light text */
  --muted: #a9b3bd; /* secondary text (cool gray) */

  /* Extras your layout uses */
  --muted-2: #b7c1ca; /* captions under images */
  --muted-dim: #8a96a1; /* footer disclaimer */
  --panel: #13181d; /* card/panel base */

  /* CTA: electric cyan with deeper hover */
  --accent: #09c6f9; /* electric cyan */
  --accent-2: #06a3cf; /* deeper cyan on hover */

  /* Focus ring tinted from cyan */
  --ring: rgba(9, 198, 249, 0.28);

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

  /* Card visuals on a dark theme */
  --background: rgba(255, 255, 255, 0.04); /* subtle translucent panel */
  --card-border: rgba(255, 255, 255, 0.09); /* 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: cool cyan for the “elite access” vibe */
.tag {
  color: #0e1114;
  background: #09c6f9;
}