:root {
  /* Core color tokens */
  --accent: #f39c12;
  --accent-strong: #e67e22;
  --bg: #181a20;
  --text: #e3e6eb;
  --muted: #b9bbbe;
  --border-soft: rgba(255,255,255,0.12);
  /* Dashboard accent alias */
  --dash-accent: var(--accent);
}

/* Utility: soft divider fading to edges (neutral) */
.soft-divider {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.28), rgba(255,255,255,0));
}

/* Utility: visually-hidden (a11y) */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Neutral surface tokens (match dashboard) */
:root {
  --surface-0: #181a20;   /* page bg */
  --surface-1: #1f2228;   /* hover bg */
  --surface-2: #23272a;   /* cards/nav */
  --surface-3: #2a2f36;   /* headers */
  --link: #9ecbff;        /* content link color */
  --link-hover: #cfe5ff;
}