@font-face {
    font-family: 'PixelFont';
    src: url('/static/vendor/press-start-2p.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Color Palette */
    --bg: #1a1a1a;
    --bg-2: #232323;
    --panel: #2b2b2b;
    --panel-2: #343434;
    --text: #e9e9e9;
    --muted: #9a9a9a;
    --border: #0e0e0e;
    --bevel-light: #3d3d3d;
    --bevel-dark: #111;
    --grass: #5b8731;
    --grass-bright: #70b237;
    --grass-dark: #3e5c20;
    --dirt: #7a543a;
    --dirt-dark: #5a3d2b;
    --accent: #5b8731;
    --accent-bright: #70b237;
    --danger: #a83232;
    --danger-bright: #c0392b;
    --gold: #c8a032;

    /* Spacing Scale */
    --s1: 0.25rem;
    --s2: 0.5rem;
    --s3: 1rem;
    --s4: 1.5rem;
    --s5: 2rem;
    --s6: 3rem;

    /* Borders */
    --border-radius: 0px; /* 0px preferred, max 2px on small active elements if needed */
}