/* De Buren custom styles - overrides Bulma defaults */

:root {
  --deburen-primary: rgba(70, 70, 120, 1);
  --deburen-primary-light: rgba(70, 70, 120, 0.8);
  --deburen-background: rgb(250, 250, 248);
  --deburen-text: rgba(40, 40, 40, 1);
}

/* Base styles */
body {
  background-color: var(--deburen-background);
  color: var(--deburen-text);
  font-variant-numeric: oldstyle-nums;
}

/* Links */
a:not(.button):not(.tag) {
  color: var(--deburen-primary-light);
}
a:not(.button):not(.tag):hover {
  color: var(--deburen-primary);
}

/* Headings */
.title, .subtitle {
  color: var(--deburen-primary);
  font-weight: normal;
}

/* Primary buttons */
.button.is-primary {
  background-color: var(--deburen-primary);
  border-color: transparent;
  color: white;
}
.button.is-primary:hover {
  background-color: var(--deburen-primary-light);
  color: white;
}

/* Info buttons (used for Edit, Manage) */
.button.is-info {
  background-color: var(--deburen-primary-light);
  border-color: transparent;
  color: white;
}
.button.is-info:hover {
  background-color: var(--deburen-primary);
  color: white;
}

/* Link buttons */
.button.is-link {
  background-color: var(--deburen-primary);
  border-color: transparent;
}
.button.is-link:hover {
  background-color: var(--deburen-primary-light);
}

/* Boxes */
.box {
  background-color: white;
  border-top: 3px solid var(--deburen-primary-light);
  box-shadow: none;
  border-radius: 0;
}

/* Breadcrumbs */
.breadcrumb a {
  color: var(--deburen-primary-light);
}
.breadcrumb a:hover {
  color: var(--deburen-primary);
}
.breadcrumb li.is-active a {
  color: var(--deburen-text);
}

/* Tables */
.table thead th {
  color: var(--deburen-primary);
  border-bottom-color: var(--deburen-primary-light);
}

/* Modal headers */
.modal-card-head {
  background-color: var(--deburen-primary);
  border-bottom: none;
}
.modal-card-title {
  color: white;
}

/* Form inputs focus state */
.input:focus, .select select:focus, .textarea:focus {
  border-color: var(--deburen-primary);
  box-shadow: 0 0 0 0.125em rgba(70, 70, 120, 0.25);
}

/* Section background */
.section {
  background-color: var(--deburen-background);
}