:root {
  --rs-primary: #6d5efc;
  --rs-secondary: #3dd6ed;
  --rs-accent: #20c997;

  /* Django admin CSS variables (Django 4/5+) */
  --primary: var(--rs-primary);
  --secondary: var(--rs-secondary);
  --accent: var(--rs-accent);

  --header-bg: #0b1020;
  --header-color: rgba(255, 255, 255, 0.92);
  --header-link-color: rgba(255, 255, 255, 0.92);
  --header-branding-color: rgba(255, 255, 255, 0.92);

  --link-fg: var(--rs-primary);
  --link-hover-color: var(--rs-secondary);
  --link-selected-fg: var(--rs-secondary);
}

html[data-theme="dark"] {
  --header-bg: #0b1020;
  --header-color: rgba(255, 255, 255, 0.92);
  --header-link-color: rgba(255, 255, 255, 0.92);
  --header-branding-color: rgba(255, 255, 255, 0.92);
}

#header {
  background: linear-gradient(135deg, var(--header-bg), #151a30);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rs-admin-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--header-color);
}

.rs-admin-brand__logo {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--rs-primary), var(--rs-secondary));
  box-shadow: 0 10px 22px rgba(109, 94, 252, 0.25);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.rs-admin-brand__logo img {
  width: 20px;
  height: 20px;
  display: block;
}

.rs-admin-brand__name {
  font-weight: 750;
  letter-spacing: 0.2px;
}

.button,
input[type="submit"],
input[type="button"],
.submit-row input {
  border-radius: 12px;
}

.button.default,
input[type="submit"].default,
.submit-row input.default {
  background: var(--rs-primary);
  border-color: var(--rs-primary);
}

.button.default:hover,
input[type="submit"].default:hover,
.submit-row input.default:hover {
  background: #5a4af7;
  border-color: #5a4af7;
}

#user-tools a:hover {
  color: var(--rs-secondary);
}

.rs-admin-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
}

.rs-admin-nav-link:hover {
  border-color: rgba(61, 214, 237, 0.45);
  color: var(--rs-secondary);
}