:root {
    --vera-page-bg: #F3E5D8;
    --vera-card-bg: #FFF8F1;
    --vera-card-border: #E2CBBB;
    --vera-heading: #2F2925;
    --vera-text: #4E4540;
    --vera-secondary: #7A6C63;
    --vera-blue: #0E243D;
    --vera-blue-hover: #183653;
    --vera-button-text: #FFFFFF;
    --vera-terracotta: #B45F32;
    --vera-terracotta-soft: #C9825B;
  }

  html,
  body {
    background: var(--vera-page-bg) !important;
    color: var(--vera-text) !important;
  }

  body,
  .t-body,
  .t-text,
  .t-descr,
  .t-name,
  .t-input,
  .t-select,
  .t-textarea {
    color: var(--vera-text) !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .t-title,
  .t-heading,
  .tn-atom h1,
  .tn-atom h2,
  .tn-atom h3 {
    color: var(--vera-heading) !important;
  }

  .t-descr,
  .t-caption,
  .t-small,
  .t-uptitle,
  .t-text_xs,
  .t-text_sm,
  .vera-secondary {
    color: var(--vera-secondary) !important;
  }

  .t-rec,
  .t396__artboard,
  .t-section,
  .t-cover {
    background-color: var(--vera-page-bg);
  }

  .vera-card,
  .t-card,
  .t-feed__post,
  .t668__accordion,
  .t-popup__container {
    background-color: var(--vera-card-bg) !important;
    border-color: var(--vera-card-border) !important;
  }

  hr,
  .t-divider,
  .t-separator,
  .t-border,
  .t-input,
  .t-select,
  .t-textarea,
  .t-form .t-input-block,
  .t-popup__container {
    border-color: var(--vera-card-border) !important;
  }

  a:not(.t-btn):not(.vera-psy-btn):not(.vera-floating-booking) {
    color: var(--vera-blue);
  }

  .t-btn,
  .t-submit,
  button[type="submit"],
  input[type="submit"],
  .vera-button {
    background-color: var(--vera-blue) !important;
    border-color: var(--vera-blue) !important;
    color: var(--vera-button-text) !important;
  }

  .t-btn *,
  .t-submit *,
  button[type="submit"] *,
  .vera-button * {
    color: var(--vera-button-text) !important;
  }

  .t-btn:hover,
  .t-submit:hover,
  button[type="submit"]:hover,
  input[type="submit"]:hover,
  .vera-button:hover {
    background-color: var(--vera-blue-hover) !important;
    border-color: var(--vera-blue-hover) !important;
    color: var(--vera-button-text) !important;
  }

  .vera-blue,
  .t-title strong,
  .t-heading strong {
    color: var(--vera-blue) !important;
  }

  .vera-accent,
  .t-uptitle,
  .t-menu__link-item:hover {
    color: var(--vera-terracotta) !important;
  }

  .vera-accent-bg {
    background-color: var(--vera-terracotta) !important;
  }

  .vera-soft-accent {
    color: var(--vera-terracotta-soft) !important;
  }

  input::placeholder,
  textarea::placeholder {
    color: var(--vera-secondary) !important;
    opacity: 1;
  }
</style>