/* https://github.com/ivelasq/severance */
/* 
severance_palettes <- list(
  Dinner = c("#88AAC6", "#113847", "#4A5B65", "#D6E3EC", "#21475A"),
  Half = c("#3A5662", "#6C8B90", "#C2D0DB", "#678A76", "#31504B"),
  Hell = c("#9BAAAF", "#11304F", "#989B6C", "#3F4738", "#195972", "#4D251D"),
  HideAndSeek = c("#405B76", "#E6F0F1", "#694F42", "#1F334B", "#9B4D40", "#171F22"),
  Jazz01 = c("#D29292", "#525832", "#F98F5B", "#7E8273", "#F17983"),
  Jazz02 = c("#6B8C81", "#0E171E", "#BD9A5A", "#3E2423", "#8797A7", "#393F3B"),
  TheYouYouAre = c("#122921", "#CFDED7", "#173746", "#806655", "#0A3C79")
)
*/

:root {
  --success-color: #ffed4a;
  --failure-color: #a7d0f2;
  --dark-color: #e3342f;
  --light-color: #38c172;
  --nav-link-color: #0A3C79;
  --link-color: #0A3C79;
  --border-color: #0A3C79;
  --highlight-color: #195972;
  --light-color: #fefefe;
  --good-notice-color: #6B8C81;
  --background-color: #f9fbfb;
  --font-color: #171F22;
}

html {
  background-color: var(--background-color);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: var(--font-color);
  font-weight: 400;
  font-size: medium;
}

h1 {}

nav {
  margin: 0.2rem 0;
}

hr {
  height: 2;
  border: none;
  margin: 0.2rem 0rem;
  background-color: var(--border-color);
}

a {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
}

nav a {
  text-decoration: none;
}

a.active {
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
}

a:hover {
  color: var(--highlight-color)
    /* This is Tailwind's blue-700 */
}

.notice {
  background: var(--good-notice-color);
  color: var(--background-color);
  padding: 0 0.5rem;
  align-self: flex-start;
}

input {
  border-radius: 0.1rem;
  border-color: var(--border-color);
  border-width: 0.05rem;
  background-color: var(--light-color);
}

input[type="submit"] {
  border: none;
  background: none;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
}

input:focus {
  border-color: var(--highlight-color)
}