/* Django-Admin im Hof-Homann-Look: überschreibt die Admin-CSS-Variablen
   mit den Tokens aus hofdesk.css (hell, warm, Grün als Akzent). */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&family=Roboto:wght@400;500;700&display=swap');

/* Ein Look für alle Modi – das Designsystem ist bewusst hell. */
:root, html[data-theme="light"], html[data-theme="dark"] {
  --primary: hsl(30 20% 95%);
  --secondary: hsl(30 20% 95%);
  --accent: hsl(108 38% 50%);
  --primary-fg: hsl(19 36% 16%);

  --body-bg: hsl(30 25% 96%);
  --body-fg: hsl(19 36% 16%);
  --body-quiet-color: hsl(18 10% 41%);
  --body-medium-color: hsl(19 25% 25%);
  --body-loud-color: hsl(19 36% 16%);

  --header-bg: hsl(30 20% 95%);
  --header-color: hsl(19 36% 16%);
  --header-branding-color: hsl(19 36% 16%);
  --header-link-color: hsl(19 36% 16%);

  --breadcrumbs-bg: hsl(30 12% 92%);
  --breadcrumbs-fg: hsl(18 10% 41%);
  --breadcrumbs-link-fg: hsl(19 36% 16%);

  --link-fg: hsl(108 38% 30%);
  --link-hover-color: hsl(108 40% 22%);
  --link-selected-fg: hsl(108 38% 30%);

  --hairline-color: hsl(30 15% 85%);
  --border-color: hsl(30 15% 85%);
  --darkened-bg: hsl(30 20% 98%);
  --selected-bg: hsl(30 15% 90%);
  --selected-row: hsl(108 38% 50% / 0.12);

  --button-bg: hsl(108 38% 50%);
  --button-fg: #fff;
  --button-hover-bg: hsl(108 38% 44%);
  --default-button-bg: hsl(108 38% 40%);
  --default-button-hover-bg: hsl(108 40% 32%);
  --close-button-bg: hsl(18 10% 50%);
  --close-button-hover-bg: hsl(18 10% 41%);
  --delete-button-bg: hsl(0 65% 42%);
  --delete-button-hover-bg: hsl(0 65% 35%);

  --object-tools-bg: hsl(19 36% 16%);
  --object-tools-fg: #fff;
  --object-tools-hover-bg: hsl(19 30% 25%);

  --message-success-bg: hsl(108 38% 50% / 0.16);
  --message-warning-bg: hsl(0 84% 60% / 0.08);
  --message-error-bg: hsl(0 84% 60% / 0.12);

  --font-family-primary: Roboto, system-ui, sans-serif;
  color-scheme: light;
}

#header { border-bottom: 1px solid var(--hairline-color); padding: 12px 32px; }
#site-name { font-family: 'Lora', Georgia, serif; font-weight: 700; font-size: 19px; }
#site-name a { display: inline-flex; align-items: center; gap: 10px; }
#site-name img { width: 34px; height: auto; }
#branding-logo { display: flex; }

.module h2, .module caption, .inline-group h2 {
  background: hsl(30 12% 92%);
  color: hsl(19 36% 16%);
  font-weight: 600;
}
div.breadcrumbs { padding: 10px 32px; }
#content h1 { font-family: 'Lora', Georgia, serif; font-weight: 600; color: hsl(19 36% 16%); }
.button, input[type=submit], input[type=button] { border-radius: 8px; font-weight: 500; }
.object-tools a { border-radius: 99px; }
#changelist-filter h2 { background: hsl(30 12% 92%); color: hsl(19 36% 16%); }
thead th { background: hsl(30 20% 98%); }
#nav-sidebar .current-model, #nav-sidebar .current-app .section:link { color: hsl(108 38% 30%); }