/* Typography - Local Fonts */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('fonts/montserrat-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('fonts/open-sans-latin.woff2') format('woff2');
}

:root {
    /* Typography */
    --font-body: 'Open Sans', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
    
    /* Colors */
    --bg-color: #f0f0f0;
    --text-color: #000000;
    --text-muted: #666666;
    --border-color: #cccccc;
    --header-bg: rgba(240, 240, 240, 0.9);
    --header-bg-scrolled: rgba(240, 240, 240, 0.95);
    --card-bg: rgba(255, 255, 255, 0.8);
    --card-bg-hover: rgba(255, 255, 255, 1);
    --button-bg: #000000;
    --button-text: #ffffff;
    --highlight-color: #FFC5D3;
}