@font-face { font-family: "Vazirmatn"; src: url("../site/fonts/Vazirmatn-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
/* Django admin in Farshkadeh colours: wine, gold and cream, Vazirmatn throughout. */
html[data-theme="light"], :root {
  --primary: #6a0f1c; --secondary: #4f0a15; --accent: #e7cf97; --primary-fg: #fff;
  --header-color: #f3e6c8; --header-branding-color: #e7cf97; --header-bg: #4f0a15; --header-link-color: #fff;
  --breadcrumbs-fg: #f3e6c8; --breadcrumbs-link-fg: #fff; --breadcrumbs-bg: #6a0f1c;
  --link-fg: #7a2e1f; --link-hover-color: #4f0a15; --link-selected-fg: #6a0f1c;
  --button-bg: #6a0f1c; --button-hover-bg: #4f0a15; --default-button-bg: #a98a4c; --default-button-hover-bg: #8c7038;
  --selected-row: #f7efdf; --body-bg: #fffdf8; --darkened-bg: #f6f1e7; --hairline-color: #eadfcb; --border-color: #d9ccb4;
  --font-family-primary: "Vazirmatn", Tahoma, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --primary: #8f2a3a; --secondary: #3a0b13; --header-bg: #2a0a10; --breadcrumbs-bg: #3a0b13;
  --link-fg: #e7b9a5; --link-hover-color: #f3d6c8; --button-bg: #8f2a3a; --button-hover-bg: #a8384a;
  --default-button-bg: #a98a4c; --selected-row: #3a2a1d;
} }
html[data-theme="dark"] {
  --primary: #8f2a3a; --secondary: #3a0b13; --header-bg: #2a0a10; --breadcrumbs-bg: #3a0b13;
  --link-fg: #e7b9a5; --link-hover-color: #f3d6c8; --button-bg: #8f2a3a; --button-hover-bg: #a8384a;
  --default-button-bg: #a98a4c; --selected-row: #3a2a1d;
}
body, input, select, textarea, button { font-family: var(--font-family-primary); }
#site-name a { font-weight: 700; letter-spacing: 0; }
.module h2, .module caption, .inline-group h2 { background: var(--primary); font-size: 14px; letter-spacing: 0; text-transform: none; }

@media (max-width: 767px) {
  body { font-size: 15px; }
  #header { padding: 12px 14px; gap: 6px; }
  #branding h1, #site-name { font-size: 19px; margin: 0; }
  #user-tools { font-size: 12px; line-height: 2; text-transform: none; letter-spacing: 0; }
  div.breadcrumbs { padding: 8px 14px; font-size: 13px; }
  #content { padding: 14px 12px; }
  #content h1 { font-size: 20px; }
  /* Home: each app is a card, each model a large row */
  .dashboard .module { margin-bottom: 14px; border-radius: 12px; overflow: hidden; border: 1px solid var(--hairline-color); }
  .dashboard .module table { width: 100%; }
  .dashboard .module th, .dashboard .module td { padding: 12px 12px; font-size: 15px; }
  .dashboard .module td a { white-space: nowrap; }
  /* Lists: tap-sized rows, table scrolls inside its own box */
  #changelist .results { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #result_list td, #result_list th { padding: 10px 8px; font-size: 14px; }
  #toolbar form input[type=text] { width: 100%; min-height: 42px; font-size: 16px; }
  .object-tools a { padding: 8px 14px; border-radius: 99px; }
  /* Forms: label above field, full-width fields, 16px text so iPhone doesn't zoom */
  input[type=text], input[type=number], input[type=email], input[type=password], input[type=url], input[type=tel],
  input[type=date], input[type=search], select, textarea, .vTextField { font-size: 16px !important; min-height: 42px; }
  .submit-row { padding: 10px; gap: 8px; }
  .submit-row input, .submit-row a.deletelink, .submit-row a.closelink { min-height: 44px; border-radius: 10px; }
  .button, input[type=submit], input[type=button] { min-height: 40px; border-radius: 8px; }
  #changelist-filter { border-radius: 12px; }
}