/* De Django-admin (en daarmee de inlogpagina) in de huisstijl van IVECO Schouten.
   Dezelfde kleuren en letter als static/dashboard.css; de admin werkt met eigen
   variabelen, dus die worden hier op de huisstijl gezet. */

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/open-sans.dcf31ebe1074.woff2") format("woff2");
}

:root {
  --font-family-primary: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --primary: #1554ff;
  --secondary: #0d3fcc;
  --accent: #eef3ff;
  --primary-fg: #ffffff;

  --body-fg: #0b0d12;
  --body-bg: #ffffff;
  --body-quiet-color: #5b616e;
  --body-medium-color: #3a3f4a;
  --body-loud-color: #0b0d12;

  --header-color: #5b616e;
  --header-branding-color: #0b0d12;
  --header-bg: #ffffff;
  --header-link-color: #1554ff;

  --breadcrumbs-fg: #5b616e;
  --breadcrumbs-link-fg: #1554ff;
  --breadcrumbs-bg: #eef3ff;

  --link-fg: #1554ff;
  --link-hover-color: #0d3fcc;
  --link-selected-fg: #0d3fcc;

  --hairline-color: #e6e8ee;
  --border-color: #e6e8ee;

  --darkened-bg: #f6f7f9;
  --selected-bg: #eef3ff;
  --selected-row: #eef3ff;

  --button-fg: #ffffff;
  --button-bg: #1554ff;
  --button-hover-bg: #0d3fcc;
  --default-button-bg: #0d3fcc;
  --default-button-hover-bg: #0b0d12;
  --close-button-bg: #5b616e;
  --close-button-hover-bg: #0b0d12;
  --delete-button-bg: #c0341d;
  --delete-button-hover-bg: #9a2a17;

  --object-tools-fg: #ffffff;
  --object-tools-bg: #5b616e;
  --object-tools-hover-bg: #1554ff;

  color-scheme: light;
}

#header {
  border-bottom: 1px solid var(--hairline-color);
  padding-top: 12px;
  padding-bottom: 12px;
}
#site-name a.huisstijl-merk {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--header-branding-color);
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -.01em;
}
#site-name a.huisstijl-merk img { height: 34px; width: auto; display: block; }
#site-name a.huisstijl-merk span { white-space: nowrap; }

.module h2, .module caption, .inline-group h2 {
  font-weight: 700;
  letter-spacing: .06em;
}

input[type=submit], .button, .submit-row input, a.button {
  border-radius: 7px;
  font-weight: 700;
}
input[type=text], input[type=password], input[type=email], input[type=number],
input[type=url], input[type=search], textarea, select, .vTextField {
  border-radius: 7px;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--accent);
}

/* Inlogpagina: een witte kaart, zoals bij verkoopkansen. */
body.login { background: #f6f7f9; }
.login #container {
  border: 1px solid var(--hairline-color);
  border-radius: 14px;
  box-shadow: 0 2px 4px rgba(11, 13, 18, .04), 0 8px 24px rgba(11, 13, 18, .06);
  overflow: hidden;
}
.login #header { padding: 24px 28px 18px; }
.login #header { justify-content: center; text-align: center; }
.login #site-name a.huisstijl-merk { flex-direction: column; align-items: center; gap: 14px; }
.login #site-name a.huisstijl-merk img { height: 40px; }
.login .submit-row input { width: 100%; padding: 11px; font-size: 14px; }