/*
  URliink Brand Theme
  - Based on the provided logo assets (mostly monochrome)
  - Goal: unify UI around clean charcoal + off-white
*/

:root{
  --brand-bg:#0e0f13;
  --brand-surface:#13151c;
  --brand-surface-2:#171a22;
  --brand-text:#f5f6f8;
  --brand-muted:rgba(245,246,248,.72);
  --brand-border:rgba(245,246,248,.12);
  --brand-border-strong:rgba(245,246,248,.18);

  /* Accent (monochrome brand): white buttons on dark surfaces */
  --brand-accent:#ffffff;
  --brand-accent-contrast:#111318;

  --brand-radius:16px;
  --brand-radius-sm:12px;
}

/* Topbar */
.lux-topbar{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-bottom:1px solid var(--brand-border);
}

/* General surfaces */
.lux-card,
.card,
.modal-content{
  border-radius:var(--brand-radius);
}

/* Buttons */
.btn.lux-btn,
.btn-primary{
  background:var(--brand-accent) !important;
  border-color:var(--brand-accent) !important;
  color:var(--brand-accent-contrast) !important;
  font-weight:700;
}
.btn.lux-btn:hover,
.btn-primary:hover{
  filter:brightness(.92);
  transform:translateY(-1px);
}

.btn-outline-light{
  border-color:var(--brand-border-strong) !important;
  color:var(--brand-text) !important;
  background:rgba(255,255,255,.03) !important;
}
.btn-outline-light:hover{
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.06) !important;
}

/* Tables */
.table{ border-color:var(--brand-border) !important; }
.table thead th{ border-color:var(--brand-border) !important; }

/* Inputs */
.form-control,
.form-select{ border-radius:var(--brand-radius-sm); }