/* Brutalist skin for the Django admin: maps the admin's own CSS
   variables onto the SiteTheme variables (injected by base_site.html),
   so the back office follows the same admin-editable theme as the site.
   The light/dark rules force one consistent look regardless of the
   admin's theme toggle. */

:root,
html[data-theme="light"],
html[data-theme="dark"] {
  --font-family-primary: var(--body);
  --font-family-monospace: var(--meta);

  --body-bg: var(--bg);
  --body-fg: var(--ink);
  --body-quiet-color: #555;
  --body-loud-color: var(--ink);

  --primary: var(--ink);
  --primary-fg: var(--bg);
  --secondary: var(--ink);

  --header-bg: var(--ink);
  --header-color: var(--bg);
  --header-link-color: var(--bg);
  --header-branding-color: var(--bg);

  --breadcrumbs-bg: var(--bg);
  --breadcrumbs-fg: var(--ink);
  --breadcrumbs-link-fg: var(--ink);

  --link-fg: var(--ink);
  --link-hover-color: var(--accent);
  --link-selected-fg: var(--accent);

  --hairline-color: var(--grid);
  --border-color: var(--grid);
  --darkened-bg: var(--bg);
  --selected-bg: #eae6da;
  --selected-row: #f0ead9;

  --button-bg: var(--ink);
  --button-fg: var(--bg);
  --button-hover-bg: var(--accent);
  --default-button-bg: var(--accent);
  --default-button-hover-bg: var(--ink);
  --object-tools-bg: var(--ink);
  --object-tools-fg: var(--bg);
  --object-tools-hover-bg: var(--accent);
}

/* No rounded corners anywhere in the back office. */
* { border-radius: 0 !important; }

#site-name a {
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#site-name .wordmark-star { color: var(--accent); }

#header { border-bottom: 1px solid var(--grid); }

div.breadcrumbs {
  font-family: var(--meta);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--grid);
  padding: 10px 40px;
}

.module h2, .module caption, .inline-group h2 {
  font-family: var(--meta);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.button, input[type="submit"], input[type="button"], .submit-row input, a.button {
  font-family: var(--meta);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: 1px solid var(--ink);
}

input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="number"], input[type="tel"],
textarea, select, .vTextField {
  border: 1px solid var(--grid);
  background: #fff;
}