:root {
  /* ── Backgrounds ── */
  --bg-base:      #09090F;
  --bg-surface:   #0F0F1A;
  --bg-elevated:  #141422;
  --bg-hover:     #1A1A2E;

  /* ── Text ── */
  --text-primary: #EEEEF6;
  --text-muted:   #5E6472;
  --text-subtle:  #3A3F4B;

  /* ── Signature accent (pink / magenta) ── */
  --accent:       #E91E8C;
  --accent-dim:   #C2186F;
  --accent-bg:    rgba(233, 30, 140, 0.12);

  /* ── Semantic ── */
  --success:      #22C55E;
  --warning:      #F59E0B;
  --danger:       #EF4444;
  --info:         #3B82F6;
  --purple:       #8B5CF6;

  --success-bg:   rgba(34,  197, 94,  0.12);
  --warning-bg:   rgba(245, 158, 11,  0.12);
  --danger-bg:    rgba(239, 68,  68,  0.12);
  --info-bg:      rgba(59,  130, 246, 0.12);
  --purple-bg:    rgba(139, 92,  246, 0.12);
  --muted-bg:     rgba(94,  100, 114, 0.14);

  /* ── Borders ── */
  --border:       rgba(255, 255, 255, 0.06);
  --border-hover: rgba(255, 255, 255, 0.11);

  /* ── Shape ── */
  --radius:    12px;
  --radius-sm:  8px;
  --radius-xs:  6px;

  /* ── Layout ── */
  --sidebar-w:    240px;
  --topbar-h:     60px;
  --accent-bar-w: 3px;
}