@font-face {
    font-family: 'Ahsing';
    src: url('/fonts/typogama-ahsing.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial indifference';
    src: url('/fonts/glacial-indifference/GlacialIndifference-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial indifference';
    src: url('/fonts/glacial-indifference/GlacialIndifference-Italic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Glacial indifference';
    src: url('/fonts/glacial-indifference/GlacialIndifference-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Paleta de Colores */
    --bg-cream: #f2edde;
    --cafe-noir: #4C3D19;
    --kombu-green: #354023;
    --moss-green: #6b7443;
    --tan: #CFBB99;
    --bone:#E5D7C4;
    --lg-green: rgba(147, 162, 103, 0.4);
    --bg-green:#d9e4d0;
    --dk-green:#354024;
    --beige: #cfbb99;
    --botones: #93a267d3;

    --text-dark: black;


    /* Tipografía */
    --font-serif-title: 'Ahsing', serif;
    --font-sans-body: 'Glacial indifference', serif;
    --font-serif-field: 'Cormorant Garamond', sans-serif;
}

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

body {
    font-family: var(--font-sans-body);
    background-color: var(--bg-cream);
    color: var(--text-dark);
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
    margin: 28px 0;
}

::-webkit-scrollbar-thumb {
    background: var(--moss-green);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--kombu-green);
}