/* La Super — Django Admin (light brand skin, not Jazzmin) */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
  --lasuper-primary: #C2186B;
  --lasuper-sidebar: #8E1050;
  --lasuper-lilac: #C77DB5;
  --lasuper-coral: #E25B6A;
  --lasuper-canvas: #FFF7FA;
  --lasuper-ink: #3B2430;
  --lasuper-muted: #8A6574;
  --lasuper-line: #F1D4E2;
  --lasuper-surface: #ffffff;

  --primary: #C2186B;
  --secondary: #8E1050;
  --accent: #C77DB5;
  --primary-fg: #fff;

  --body-fg: #3B2430;
  --body-bg: #FFF7FA;
  --body-quiet-color: #8A6574;
  --body-medium-color: #5A3A48;
  --body-loud-color: #3B2430;

  --header-color: #fff;
  --header-branding-color: #fff;
  --header-bg: #8E1050;
  --header-link-color: #fff;

  --breadcrumbs-fg: #FCE9F2;
  --breadcrumbs-link-fg: #fff;
  --breadcrumbs-bg: #8E1050;

  --link-fg: #C2186B;
  --link-hover-color: #8E1050;
  --link-selected-fg: #8E1050;

  --hairline-color: #F1D4E2;
  --border-color: #E8C0D4;

  --darkened-bg: #FCE9F2;
  --selected-bg: #F8D5E6;
  --selected-row: #FCE9F2;

  --button-fg: #fff;
  --button-bg: #8E1050;
  --button-hover-bg: #C2186B;
  --default-button-bg: #C2186B;
  --default-button-hover-bg: #8E1050;
  --close-button-bg: #8A6574;
  --close-button-hover-bg: #3B2430;

  --object-tools-fg: #fff;
  --object-tools-bg: #8E1050;
  --object-tools-hover-bg: #C2186B;

  --font-family-primary: "Inter", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}

html {
  color-scheme: light;
}

body {
  background: var(--lasuper-canvas);
  color: var(--lasuper-ink);
  font-family: var(--font-family-primary);
}

#header {
  background: var(--lasuper-sidebar);
  color: #fff;
  border-bottom: 0;
  padding: 12px 20px;
}

#branding h1,
#branding h1 a,
#branding a:link,
#branding a:visited,
#site-name a {
  color: #fff;
}

.lasuper-admin-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
}

.lasuper-admin-mark {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: linear-gradient(135deg, #C2186B, #E25B6A);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.lasuper-admin-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.lasuper-admin-wordmark strong {
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.lasuper-admin-wordmark small {
  color: #F8D5E6;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#user-tools {
  color: #FCE9F2;
}

#user-tools a,
#user-tools a:link,
#user-tools a:visited,
#logout-form button {
  color: #fff;
}

.lasuper-admin-banner {
  margin: 0;
  padding: 8px 20px;
  background: #FCE9F2;
  color: var(--lasuper-ink);
  border-bottom: 1px solid var(--lasuper-line);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.breadcrumbs,
nav[aria-label="Breadcrumbs"] {
  background: #C2186B;
}

#nav-sidebar {
  background: var(--lasuper-sidebar);
  border-right: 1px solid #6e0c3e;
}

#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited,
#nav-sidebar a:link,
#nav-sidebar a:visited {
  color: #fff;
}

#nav-sidebar a:hover,
#nav-sidebar .current-model {
  background: rgba(255, 255, 255, 0.08);
}

#nav-filter {
  background: #6e0c3e;
  color: #fff;
  border-color: #6e0c3e;
}

.toggle-nav-sidebar {
  background: var(--lasuper-canvas);
  color: var(--lasuper-primary);
}

#content h1 {
  color: var(--lasuper-ink);
  font-weight: 700;
}

.module {
  background: var(--lasuper-surface);
  border: 1px solid var(--lasuper-line);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(142, 16, 80, 0.06);
}

.module h2,
.module caption,
.inline-group h2 {
  background: var(--lasuper-sidebar);
  color: #fff;
}

.button,
input[type="submit"],
.submit-row input,
a.button {
  background: var(--lasuper-primary);
  color: #fff;
}

.button:hover,
input[type="submit"]:hover,
.submit-row input:hover,
a.button:hover,
.button.default,
input[type="submit"].default,
.submit-row input.default {
  background: var(--lasuper-sidebar);
}

.object-tools a:link,
.object-tools a:visited {
  background: var(--lasuper-sidebar);
}

body.login {
  background: var(--lasuper-canvas);
}

.login #container {
  background: transparent;
}

.login #header {
  border-radius: 12px 12px 0 0;
}

.login .lasuper-admin-banner {
  border-radius: 0;
}

.login #content {
  background: var(--lasuper-surface);
  border: 1px solid var(--lasuper-line);
  border-top: 0;
  border-radius: 0 0 12px 12px;
}

.theme-toggle {
  color: #fff;
}