.v-card {
  height: 100%;
}

@each $theme in dark, light {

  // @include theme($theme);
  .v-application.#{$theme}-mode {
    .v-card {
      color: map-deep-get($config, #{$theme}, "card-default-color");
      background-color: map-deep-get($config, #{$theme}, "cardBackground");

      .v-card__subtitle {
        font-size: 14px;
        font-weight: 400;
        color: map-deep-get($config, #{$theme}, "card-subtitle");
      }

      .v-card__title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: map-deep-get($config, #{$theme}, "card-title-color") !important;
      }

      .card-text-info {
        font-family: "Oxanium", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0;
        color: map-deep-get($config, #{$theme}, "card-text-info-color");
      }

      .card-text-title {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        color: map-deep-get($config, #{$theme}, "card-text-title-color");
      }

    }
  }
}