:root {
  --bg:         #121217;  /* deep dark base */
  --bg-surface: #1a1a22;  /* subtle elevation */
  --bg-raised:  #23232d;  /* layered surfaces */
  --border:     #2e2e3a;  /* soft border contrast */

  --text:       #e6e6f0;  /* high readability */
  --text-muted: #9a9ab0;  /* muted secondary text */

  --accent:     #8b5cf6;  /* vibrant purple */
  --accent-dim: #6d46c7;  /* deeper purple for hover/active */

  --radius:     6px;
  --radius-sm:  4px;
  --gap:        1.5rem;
  --speed:      0.15s;
}