/* Version 2 changes only the colors. Layout, typography and motion come from Version 1. */
.theme-v2 {
  --ink: #06245f;
  --paper: #fbfdff;
  --orange: #007a9d;
  --bright: #08bfe8;
  --yellow: #ffd42a;
  --green: #ff8a00;
  --blue: #e40768;
  --pink: #e40768;
  --line: #c7e8f1;
}

.theme-v2 body {
  background: var(--paper);
  color: var(--ink);
}

.theme-v2 .site-header {
  background: color-mix(in srgb, var(--paper) 94%, transparent);
}

.theme-v2 .nav-links a:hover,
.theme-v2 .text-link:hover {
  color: #006f90;
}

.theme-v2 .button:hover {
  background: #006f90;
}

.theme-v2 .concept {
  background: #e8f9fd;
}

.theme-v2 .concept-list article {
  border-top-color: #9bd9e8;
}

.theme-v2 .team {
  background: #fff5cc;
}

.theme-v2 .nutrition {
  background: #eafaff;
}

.theme-v2 .contact-form {
  background: #eefaff;
  border-color: rgba(0, 122, 157, .18);
  box-shadow: 0 24px 60px rgba(6, 36, 95, .08);
}

.theme-v2 .contact-form input,
.theme-v2 .contact-form textarea {
  border-color: #b8dce6;
}

.theme-v2 .contact-form input:focus,
.theme-v2 .contact-form textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(8, 191, 232, .18);
}

.theme-v2 .contact-social {
  box-shadow: 0 10px 24px rgba(6, 36, 95, .16);
}

.theme-v2 .contact-social:hover {
  box-shadow: 0 14px 30px rgba(6, 36, 95, .2);
}

.theme-v2 .lightbox::backdrop {
  background: rgba(6, 36, 95, .78);
}