/* Custom sleek theme overrides */

:root {
  --brand-primary: #6c5ce7;
  --brand-primary-600: #5a4ad6;
  --brand-accent: #00d1b2;
  --surface-1: #ffffff;
  --surface-2: #f7f7fb;
  --text-1: #1f2341;
  --text-2: #6b6f8b;
  --border-1: #e7e7ef;
}

html.light-style body {
  background: var(--surface-2);
  color: var(--text-1);
}

html.dark-style {
  --surface-1: #1c1e26;
  --surface-2: #14161d;
  --text-1: #e6e8f0;
  --text-2: #a4a8bd;
  --border-1: #2a2d39;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-600));
  border: none;
  box-shadow: 0 6px 14px rgba(108, 92, 231, 0.3);
}
.btn-primary:hover {
  filter: brightness(1.05);
}

/* Cards */
.card {
  border: 1px solid var(--border-1);
  background: var(--surface-1);
  border-radius: 14px;
}
.card-header {
  background: transparent;
  border-bottom: 1px solid var(--border-1);
}

/* Tables */
.table thead th {
  background: var(--surface-2);
  color: var(--text-2);
  border-bottom: 1px solid var(--border-1);
}
.table tbody tr {
  transition: background 160ms ease;
}
.table tbody tr:hover {
  background: rgba(108, 92, 231, 0.06);
}

/* Navbar brand accent */
.layout-navbar .navbar-brand span,
.app-brand .app-brand-text.demo {
  color: var(--brand-primary) !important;
}

/* Elevation */
.shadow-soft {
  box-shadow: 0 8px 24px rgba(31, 35, 65, 0.08);
}

/* Inputs */
.form-control:focus,
.form-select:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 .15rem rgba(108, 92, 231, 0.25);
}

/* Badges */
.badge-primary {
  background: var(--brand-primary);
}

/* Links */
a { color: var(--brand-primary); }
a:hover { color: var(--brand-primary-600); }