@font-face {
    font-family: 'cocogooseregular';
    src: url('/webfonts/cocogoose-webfont.woff2') format('woff2'),
    url('/webfonts/cocogoose-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'cocogooselight';
    src: url('/webfonts/cocogoose-light-webfont.woff2') format('woff2'),
    url('/webfonts/cocogoose-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1 {
    font-family: cocogooseregular, sans-serif;
    font-size: 9rem;
}

:root [data-bs-theme=lvst] {
    --ls-secondary: #F0DBC0;

    --bs-secondary-rgb: 240, 219, 192;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-body-bg: #212529;
    --bs-body-color: var(--ls-secondary);
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-border-color: var(--ls-secondary);
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-border-width: 2px;
    --bs-toast-border-color: var(--ls-secondary);
    --bs-toast-bg: var(--ls-secondary);
}
[data-bs-theme=lvst] h1 {
    --bs-heading-color: black;
    letter-spacing: 2px;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: var(--ls-secondary);
}
[data-bs-theme=lvst] .btn-outline-secondary {
    --bs-btn-color: var(--ls-secondary);
    --bs-btn-border-color: var(--ls-secondary);
    --bs-btn-hover-color: black;
    --bs-btn-hover-bg: var(--ls-secondary);
    --bs-btn-hover-border-color: var(--ls-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: black;
    --bs-btn-active-bg: var(--ls-secondary);
    --bs-btn-active-border-color: var(--ls-secondary);
    --bs-btn-active-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ls-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ls-secondary);
    --bs-gradient: none;
}
[data-bs-theme=lvst] .link-secondary:focus, [data-bs-theme=lvst] .link-secondary:hover {
    color: rgba(255, 246, 233, var(--bs-link-opacity, 1)) !important;
}
[data-bs-theme=lvst] .form-control:focus {
    box-shadow: none;
    border-color: var(--ls-secondary);
}
.text-50 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), .5) !important;
}