@font-face {
    font-family: 'Karla Local';
    src: url('../fonts/karla/Karla-VariableFont_wght.woff2') format('woff2');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Drugs Trial Regular';
    src: url('../fonts/tt-drugs/TT Drugs Trial Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg: #120e0c;
    --home-panel: #120e0c;
    --text-heading: #e6e2da;
    --text-heading-soft: #8f7257;
    --text-body: #a8a39d;
    --border: #2a2a2a;
    --border-soft: rgba(230, 226, 218, 0.12);
    --accent: #b7a28d;
    --panel: #151515;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scrollbar-gutter: stable;
}

body {
    background-color: var(--bg);
    color: var(--text-body);
    -webkit-font-smoothing: antialiased;
}