/*
  Shared design tokens for the "dark" theme used across the EPF Services
  and Support content (132 support articles + 11 category pages).

  v2 — refined per the UI Standardization brief: calmer, more professional
  palette, avoiding pure-black backgrounds, tuned for lower eye strain.
  Variable NAMES are unchanged from v1 so every existing var(--name)
  reference across all 143 pages continues to resolve correctly —
  only the underlying values were refined.
*/
:root {
  --bg-deep: #0f172a;      /* was #080C1A — softer navy, not nearly-black */
  --bg-card: #1e293b;      /* was rgba(15,21,42,.85) — calmer solid surface */
  --clr-brand: #14b8a6;    /* was #4361EE indigo — refined to a trustworthy teal */
  --clr-accent: #2dd4bf;   /* was #4CC9F0 cyan — teal-family accent, calmer than bright cyan */
  --clr-green: #10b981;
  --clr-border: #334155;   /* was rgba(67,97,238,.2) — neutral slate border, less jarring */
  --clr-text: #cbd5e1;     /* was #8891B5 — higher-contrast muted text */
  --clr-head: #f8fafc;     /* was #ffffff — soft off-white, easier on the eyes */
  --clr-sub: #e2e8f0;
  --navbar-height: 152px;

  --clr-brand-light: #5eead4;
  --clr-text-muted: #94a3b8;
  --r: 140px;
}