/*
    DJANGO Admin styles
*/

@import url(fonts.css);

html[data-theme="light"],
:root {
  --primary: #0a8468;
  --secondary: #0a405e;
  --accent: #f2ef05;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-medium-color: #444;
  --body-loud-color: #000;

  --header-color: var(--accent);
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #bae4da;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: #84acca;

  --link-fg: #417893;
  --link-hover-color: var(--secondary);
  --link-selected-fg: var(--secondary);

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--secondary);
  --button-hover-bg: #205067;
  --default-button-bg: #205067;
  --default-button-hover-bg: var(--secondary);
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
}

body {
  box-sizing: border-box;
}

/* Evite d'utiliser les valeurs de boostrap en surchargeant iciZ */
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
}
h1 {
  margin: 0 0 20px;
  font-size: 1.25rem;
}

h2 {
  font-size: 1rem;
  margin: 1em 0 0.5em 0;
}

h2.subhead {
  font-weight: normal;
  margin-top: 0;
}

h3 {
  font-size: 0.875rem;
  margin: 0.8em 0 0.3em 0;
  color: var(--body-medium-color);
}

h4 {
  font-size: 0.75rem;
  margin: 1em 0 0.8em 0;
  padding-bottom: 3px;
  color: var(--body-medium-color);
}

h5 {
  font-size: 0.625rem;
  margin: 1.5em 0 0.5em 0;
  color: var(--body-quiet-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Surcharge Boostrap */
.btn-primary {
  background-color: var(--button-bg) !important;
  padding: 10px 15px !important;
  border: none !important;
  border-radius: 4px !important;
  color: var(--button-fg) !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}

.btn-primary:hover {
  background-color: var(--button-hover-bg) !important;
}