/**
 * Colour styles
 *
 *   color
 *   background
 *   border-color
 *
 */

:root {
  --colour-link: lch(30% 90% 210deg);
  --colour-text: #333;
  --colour-background-light: #f6f6f6;
  /* buttons */
  --button-foreground-color: #333;
  --button-background-color: #d3d4d9;
  --button--hover-bg-color: #c1c2c7;
}

a {
  color: var(--colour-link);
}

body {
  color: var(--colour-text);
  background: var(--colour-background-light);
}

.title {
  background: lch(85% 12% 230deg);
}

.messages--status {
  background: #eeffee;
  border-color: #008000;
}

.messages--warning {
  background: #fff6ee;
  border-color: #ff6b00;
}

.messages--error {
  background: #ffeeee;
  border-color: #ff0000;

}

.view.cards article {
  background: #fcfcfc;
}

nav.pager li.is-active a {
  color: #fff;
  background: var(--colour-link);
}

.tabs.primary li.is-active {
  background: #fff;
}

tr {
  border-color: #ccc !important;
}

input[type="submit"] {
  background: lch(90% 20% 230deg);
}

.layout-container > footer {
  background: lch(35% 10% 230deg);
  color: #f6f6f6;
}

.layout-container > footer a {
  color: lch(80% 10% 230deg);
}