@font-face {
    font-family: 'Mona Sans Fallback';
    src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
    ascent-override: 109%;
    descent-override: 32%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Mona Sans';
    src: url('https://stankova.visualbook.pro/assets/fonts/MonaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mona Sans';
    src: url('https://stankova.visualbook.pro/assets/fonts/MonaSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CustomFontHeadings';
    src: url('https://stankova.visualbook.pro/media/pages/design/d8b5dc5fe0-1785424145/figtree-variablefont_wght.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'CustomFontBodyRegular';
    src: url('https://stankova.visualbook.pro/media/pages/design/d8b5dc5fe0-1785424145/figtree-variablefont_wght.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
    font-weight: 700;
    font-feature-settings: normal;
    text-transform: none;
}
body, p, table, th, td, div, span, a, ul, ol, li, button, input, textarea, select {
    font-family: var(--font-family-body);
    font-weight: normal;
    font-feature-settings: normal;
}
strong, b {
    font-family: var(--font-family-body-bold);
    font-weight: 800;
    font-feature-settings: normal;
}
:root {
    --font-family-headings: 'CustomFontHeadings';
    --font-family-body: 'CustomFontBodyRegular';
    --font-family-body-bold: 'Mona Sans', 'Mona Sans Fallback', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --card-color-bg: #fbfbfb;
    --card-color-swatch1-color: #a4a8b8;
    --card-color-swatch2-color: #c3c6d4;
    --card-color-swatch3-color: #dddfe8;
}
@font-face {
    font-family: 'CustomFontpismo';
    src: url('https://stankova.visualbook.pro/media/pages/stankova/pismo/56f6b7c59b-1785424150/figtree-semibold.ttf') format('truetype');
    font-display: swap;
}

.card-typography-pismo {
    background-color: #FFFFFF;
    color: #F1BC1E;
}
.card-typography-pismo .custom-font-display {
    font-family: 'CustomFontpismo' !important;
    font-feature-settings: normal !important;
    
    position: relative;
    top: 0px;
    color: #F1BC1E;
    font-size: 100px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    text-align: center !important;
    width: 100% !important;
    -webkit-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    font-variant-numeric: normal !important;
}
:root {
    --heading-scale: 1;
    --heading-kerning: 0em;
    --body-line-height: 1.5;
    --body-kerning: 0em;
    --base-font-size: 16px;
    --table-header-color-bg: #FAFAFA;
    --gray-100: #161616;
    --gray-90: #262626;
    --gray-80: #393939;
    --gray-70: #525252;
    --gray-60: #6F6F7E;
    --gray-50: #8D8D8D;
    --gray-40: #A8A8A8;
    --gray-30: #C6C6C6;
    --gray-20: #E0E0E0;
    --gray-15: #E8E8E8;
    --gray-10: #F4F4F4;
    --gray-00: #FBFBFB;
    --table-color-bg: white;
    --table-hover-bg: white;
    --card-bottom-bg-color: #FBFBFB;
    --card-bottom-hover-color: #FFFFFF;
    --card-bottom-heading-color: #262626;
    --card-bottom-text-color: #6B6F7E;
    --dynamic-web-bg-color: #FAFAFA;
    --dynamic-blocks-bg-color: #FFFFFF;
    --card-logo-bg: #ffffff;
    --card-color-bg: #fbfbfb;
    --card-color-swatch1-color: #a4a8b8;
    --card-color-swatch2-color: #c3c6d4;
    --card-color-swatch3-color: #dddfe8;
    --info-badge-text-color: #697077;
    --info-badge-bg-color: #EFEFEF;
    --info-box-text-color: #896C00;
    --info-box-bg-color: #F7EBBE;
    --tooltip-text-color: #FFFFFF;
    --tooltip-bg-color: #697077;
    --visualbook-description-color: #A4A8B8;
    --header-color: #BFBFBF;
    --title-color: #FAFAFA;
    --headings-color: #161616;
    --text-color: #697077;
    --button-primary-color: #FE1A3F;
    --button-multibrand-color: #878D96;
    --button-multibrand-color-hover: #FE1A3F;
    --link-color: #FE1A3F;
    --scrollbar-color: #6B6F7E;
    --success-color: #27BC6A;
    --danger-color: #FE1A3F;
    --logo-dark-bg: #141619;
    --logo-light-bg: white;
    --border-radius-card: 16px;
    --border-radius-button: 8px;
    --border-radius-header-button: 8px;
    --border-radius-badge: 16px;
    --border-radius-tooltip: 16px;
    --strikethrough-weight: 1px;
    --table-font-size: 0.9375rem;
}
h1, h2, h3, h4, h5, h6,
body h1, body h2, body h3, body h4, body h5, body h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
section h1, section h2, section h3, section h4, section h5, section h6,
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
    letter-spacing: var(--heading-kerning) !important;
}
body, p, table, th, td, div, span, a, ul, ol, li, button, input, textarea, select {
    line-height: var(--body-line-height);
    letter-spacing: var(--body-kerning);
}
body {
    letter-spacing: var(--body-kerning);
}
p, span, div, td, th, li, a {
    letter-spacing: inherit;
}