:root {
  --primary: #9e1d22;
  --secondary: #d7ad61;
  --accent: #f2cf88;
  --primary-fg: #fff;
  --body-bg: #070707;
  --body-fg: #f2f0ea;
  --body-quiet-color: #9e9e9e;
  --body-loud-color: #fff;
  --header-color: #f4f2ec;
  --header-branding-color: #fff;
  --header-bg: #080808;
  --breadcrumbs-bg: #141414;
  --link-fg: #e1b96f;
  --link-hover-color: #fff;
  --hairline-color: #303030;
  --border-color: #303030;
  --darkened-bg: #111;
  --selected-bg: #191919;
  --selected-row: #211719;
}

html[data-theme="light"], :root { color-scheme: dark; }
body { background: radial-gradient(circle at 82% 0, rgba(201,158,83,.12), transparent 30%), #070707; }
#header { min-height: 68px; padding: 8px 30px; border-bottom: 1px solid #2c2c2c; box-shadow: 0 14px 40px rgba(0,0,0,.35); }
#branding { min-width: 0; }
#site-name a { display: inline-flex; align-items: center; gap: 15px; color: #fff; font-weight: 800; }
.admin-logo { width: 82px; height: 52px; object-fit: contain; filter: drop-shadow(0 0 14px rgba(213,173,97,.16)); }
.brand-copy { display: flex; flex-direction: column; font-size: 17px; line-height: 1.15; }
.brand-copy b { margin-top: 5px; color: #d7ad61; font-size: 8px; text-transform: uppercase; letter-spacing: .18em; }
.view-site-link { align-self: center; padding: 10px 14px; color: #d7ad61 !important; border: 1px solid #54462f; border-radius: 40px; text-transform: uppercase; letter-spacing: .1em; font-size: 8px; }
#user-tools { color: #888; }
#user-tools a { color: #e0bc76; }
div.breadcrumbs { padding: 14px 30px; color: #888; background: #101010; border-bottom: 1px solid #292929; }
div.breadcrumbs a { color: #d7ad61; }
#content { padding: 28px 35px 45px; }
#content h1 { color: #f2f0ea; font-weight: 800; letter-spacing: -.035em; }
.module, #content-related, .inline-group, .submit-row { background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); border: 1px solid #303030; border-radius: 9px; overflow: hidden; box-shadow: 0 16px 45px rgba(0,0,0,.18); }
.module h2, .module caption, .inline-group h2 { padding: 12px 15px; color: #f4f2ec; background: #171717; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; }
.dashboard .module table th { width: 100%; }
.dashboard .module table td { white-space: nowrap; }
tr:nth-child(odd), .row-form-errors { background: #121212; }
tr:nth-child(even), .form-row { background: #0b0b0b; }
td, th { border-color: #282828 !important; }
thead th { color: #aaa; background: #171717; }
.button, input[type=submit], input[type=button], .submit-row input, a.button { padding: 10px 16px; color: #fff; background: #9e1d22; border: 0; border-radius: 7px; font-weight: 800; }
.button:hover, input[type=submit]:hover, input[type=button]:hover { background: #c2272e; }
.button.default, input[type=submit].default, .submit-row input.default { color: #111; background: #d7ad61; }
.button.default:hover, input[type=submit].default:hover { background: #eccb88; }
input, textarea, select, .vTextField { color: #f4f2ec; background: #080808; border-color: #3a3a3a; border-radius: 7px; }
input:focus, textarea:focus, select:focus { border-color: #d7ad61 !important; box-shadow: 0 0 0 2px rgba(215,173,97,.12); }
.selector .selector-filter { background: #111; border-color: #333; }
.object-tools a:link, .object-tools a:visited { color: #111; background: #d7ad61; border-radius: 30px; }
.paginator { color: #888; border-color: #2c2c2c !important; background: #0d0d0d !important; }
#changelist-filter { background: #111 !important; border-left: 1px solid #303030; }
#changelist-filter h2 { background: #1a1a1a; }
#changelist-filter a { color: #aaa; }
#changelist-filter li.selected a { color: #d7ad61; }
.mwf-admin-thumb { width: 58px; height: 42px; object-fit: cover; border-radius: 5px; border: 1px solid #444; }
.mwf-admin-preview { width: min(520px,100%); max-height: 330px; object-fit: cover; border-radius: 8px; border: 1px solid #444; box-shadow: 0 18px 45px rgba(0,0,0,.35); }
.login { background: radial-gradient(circle at 50% -10%, rgba(215,173,97,.2), transparent 35%), #070707; }
.login #container { width: min(440px,calc(100vw - 35px)); }
.login #header { height: auto; padding: 24px; justify-content: center; }
.login #branding { float: none; }
.login #site-name a { justify-content: center; }
.login .admin-logo { width: 110px; height: 72px; }
.login .brand-copy { font-size: 16px; }
.login #content-main { padding: 30px; background: #101010; border: 1px solid #303030; border-radius: 0 0 10px 10px; }
.login .form-row { padding: 10px 0; background: transparent; }
.login .form-row label { color: #aaa; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; }
.login .form-row input { padding: 13px; }
.login .submit-row { padding: 14px 0 0; background: transparent; border: 0; box-shadow: none; }
.login .submit-row input { width: 100%; padding: 13px; }
@media (max-width: 767px) {
  #header { padding: 9px 16px; }
  .admin-logo { width: 62px; }
  .brand-copy { font-size: 13px; }
  .view-site-link { display: none; }
  #content { padding: 22px 15px; }
}