:root {
  --primary-color: #3a6ea5;       /* Professional blue instead of green */
  --primary-light: #c6d8ed;       /* Light blue for backgrounds */
  --primary-dark: #2a4d74;        /* Darker blue for hover states */
  --accent-color: #f0f4f9;        /* Light background instead of yellow */
  --text-on-primary: #ffffff;     /* White text on dark backgrounds */
  --text-color: #333333;          /* Dark text for regular content */
  --success-color: #4caf50;       /* Keep green only for success indicators */
  --warning-color: #ff9800;       /* Orange for warnings */
  --danger-color: #f44336;        /* Red for errors/danger */
  --border-color: #e0e0e0;        /* Light gray for borders */
}

/* Override Element UI colors */
.el-button--primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.el-button--primary.is-plain {
  color: var(--primary-color);
  background: var(--accent-color);
  border-color: var(--primary-color);
}

.el-button--success {
  background-color: var(--success-color);
  border-color: var(--success-color);
}

/* Table header styling */
.el-table th {
  background-color: var(--primary-color) !important;
  color: var(--text-on-primary) !important;
}

/* Links */
.el-link.el-link--primary {
  color: var(--primary-color);
}

/* Form styling */
.form-style {
  border-color: var(--primary-color) !important;
}