@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');

/* Satoshi */
@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/Satoshi.woff2') format('woff2'),
       url('assets/fonts/Satoshi.woff') format('woff'),
       url('assets/fonts/Satoshi.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
}

:root {
    --color-gray-900: #182D31;

  }

  .k-header-title-text {
    font-family: 'Satoshi', sans-serif;
    font-weight: 750 !important;
    font-feature-settings: "ss01" 1;
    color: #141619;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .k-stat-value {
    font-family: 'Satoshi', sans-serif;
    font-weight: 650 !important;
    font-feature-settings: "ss01" 1;
    color: #23262B;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .k-headline-field h2 {
    font-family: 'Satoshi', sans-serif;
    font-weight: 680 !important;
    font-feature-settings: "ss01" 1;
    color: #23262B;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .k-topbar::after {
    float: right;
    content: '';
    margin-top: 10px;
    margin-left: 10px;
    width: 150px;
    height: 35px;
    background-image: url('/assets/img/visualbook-logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    clear: right;
  }

  .k-topbar::after:hover {
    cursor: pointer;
  }


.k-cards .k-card-content {
  padding: 20% !important;
}

.k-cards .k-card-content .k-image {
  object-fit: contain;
}

.k-item[data-layout=cards] img[src$=".svg"] {
  padding: 20%;
}

.k-box {
  color: gray;
}

.k-box .k-button-text {
  color: initial;
}


.k-box[data-theme="positive"] .k-text {
  color: #355c15;
}

.k-box[data-theme="info"] .k-text {
  color: #00587F;
}

.k-box[data-theme="negative"] .k-text {
  color: #720f2d;
}