:root {
  /* Backgrounds */
  --bg-body:    #111111;
  --bg-sidebar: #161616;
  --bg-card:    #1c1c1c;
  --bg-modal:   #1e1e1e;   /* fondo estándar de TODOS los modales */
  --bg-input:   #242424;
  --bg-hover:   #212121;
  --bg-table-row: #1a1a1a;
  --bg-table-alt: #1e1e1e;

  /* Sombra y overlay estándar de modales */
  --modal-shadow:  0 20px 60px rgba(0,0,0,0.6);
  --modal-overlay: rgba(0,0,0,0.65);

  /* Borders */
  --border:       rgba(255, 255, 255, 0.07);
  --border-light: rgba(255, 255, 255, 0.12);

  /* Text */
  --text-primary:   #f0f0f0;
  --text-secondary: #888888;
  --text-muted:     #555555;

  /* Accent colors */
  --accent:       #e03535;
  --accent-hover: #c42b2b;

  /* Status colors */
  --green:  #4ade80;
  --yellow: #fbbf24;
  --orange: #f97316;
  --blue:   #60a5fa;
  --red:    #f87171;

  /* Layout */
  --sidebar-width: 230px;

  /* Misc */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --transition: 0.18s ease;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}