/* HeadlineHQ premium admin theme — overrides Django admin CSS variables + polish.
   Works on Django's variable-based admin (no third-party dependency). */

:root,
html[data-theme="light"] {
  --primary: #211c19;                 /* dark section headers */
  --primary-fg: #ffffff;
  --secondary: #c0563b;               /* terracotta accent */
  --accent: #c0563b;

  --body-bg: #f5f6f8;
  --body-fg: #1f2329;
  --body-quiet-color: #6b7280;
  --body-loud-color: #14161a;

  --header-bg: linear-gradient(120deg, #1a1a1a 0%, #2b2320 100%);
  --header-color: #ffffff;
  --header-branding-color: #e7b9a9;
  --header-link-color: #ffffff;

  --breadcrumbs-bg: #2b2320;
  --breadcrumbs-fg: #cfc8c2;
  --breadcrumbs-link-fg: #e7b9a9;

  --link-fg: #b14d33;
  --link-hover-color: #8f3c26;
  --link-selected-fg: #c0563b;

  --button-bg: #c0563b;
  --button-fg: #ffffff;
  --button-hover-bg: #a8482f;
  --default-button-bg: #211c19;
  --default-button-hover-bg: #000000;
  --close-button-bg: #6b7280;

  --object-tools-bg: #211c19;
  --object-tools-fg: #ffffff;
  --object-tools-hover-bg: #c0563b;

  --selected-bg: #faf4f1;
  --selected-row: #fbeee9;
  --border-color: #e7e9ee;
  --darkened-bg: #f1f2f5;

  --font-family-primary: -apple-system, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;
}

body { background: var(--body-bg); }

/* Header */
#header { padding: 14px 32px; box-shadow: 0 2px 10px rgba(0,0,0,.12); }
#branding #site-name { margin: 0; font-weight: 800; }
#branding #site-name a { font-weight: 800; letter-spacing: .2px; }
#branding #site-name a span { color: #e7b9a9; font-weight: 600; }

/* Breadcrumbs */
div.breadcrumbs { padding: 11px 32px; font-size: 13px; }

/* Cards / modules */
.module {
  border: 1px solid var(--border-color);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);
  overflow: hidden;
  background: #fff;
}
.module > h2, .module caption, .inline-group h2 {
  background: var(--primary);
  color: #fff;
  font-size: 13px;
  letter-spacing: .03em;
  padding: 11px 16px;
}

/* Content spacing */
#content { padding: 24px 32px; }
#content-main { gap: 18px; }

/* Buttons — rounded, accent */
.button, input[type=submit], input[type=button], .submit-row input, a.button,
.object-tools a, .object-tools a:link, .object-tools a:visited {
  border-radius: 9px;
  font-weight: 600;
}
.button, input[type=submit], .submit-row input.default {
  box-shadow: 0 1px 2px rgba(192,86,59,.25);
}
.object-tools a { text-transform: none; letter-spacing: 0; padding: 6px 14px; }

/* Inputs */
input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=tel], textarea, select, .vTextField {
  border: 1px solid #d6dae0;
  border-radius: 9px;
  padding: 7px 10px;
}
input:focus, select:focus, textarea:focus { border-color: var(--accent); outline: 0;
  box-shadow: 0 0 0 3px rgba(192,86,59,.12); }

/* Results table */
#changelist .results { border-radius: 12px; overflow: hidden; border: 1px solid var(--border-color);
  box-shadow: var(--shadow); }
#result_list thead th { background: #f3f4f7; }
#result_list tbody tr:hover { background: #faf7f5; }
#changelist-filter { border-radius: 12px; border: 1px solid var(--border-color); }
#changelist-filter h2 { background: var(--primary); border-radius: 12px 12px 0 0; }

/* Pagination + selector */
.paginator a:link, .paginator a:visited { border-radius: 8px; }

/* Messages */
ul.messagelist li { border-radius: 10px; }

/* Login page */
.login #container { border-radius: 16px; box-shadow: 0 10px 40px rgba(16,24,40,.12);
  border: 1px solid var(--border-color); overflow: hidden; }
.login #header { border-radius: 0; }
.login .submit-row input { width: 100%; }

/* Nav sidebar */
#nav-sidebar { background: #fff; }
.toggle-nav-sidebar { background: #fff; border-right: 1px solid var(--border-color); }