@font-face {
    font-family: inter;
    src: url('../../libs/font/inter/inter.ttf');
    font-display: block;
}

:root {
    --font: inter, sans-serif;
    --h-header: 100px;
    --success: #2dce89;
    --info: #931bb8;
    --warning: #fb6340;
    --danger: #f5365c;
    --secondary: #ebebeb;
    --dark: #212529;
    --primary: #6475d3;
}

* {
    font-family: var(--font);
}

a {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.text-warning {
    color: var(--warning) !important
}

.btn-warning, .btn-warning:hover, .btn-warning.btn-addcart {
    border-color: var(--warning) !important;
}

.btn-warning:hover {
    background-color: color-mix(in srgb, var(--warning), transparent 15%);
}
.btn-warning:active {
    background-color: color-mix(in srgb, var(--warning), transparent 25%) !important;
}

.btn-warning:disabled {
    border-color: color-mix(in srgb, var(--warning), transparent 95%) !important;
    background-color: color-mix(in srgb, var(--warning), transparent 25%) !important;
}
.btn-warning {
    background-color: var(--warning) !important;
    color: #fff !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: none;
    border-color: var(--warning);
}

.text-truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}