@font-face {
    font-family: 'VT323';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/VT323.woff2') format('woff2');
}

/* down */
:root {
    --bg: #201d2a;
    --surface: #2c2839;
    --surface-alt: #4b455f;
    --accent: #d294ff;
    --accent-alt: #9375f5;
    --accent-blue: #ca80ff;
    --text: #efebff;
    --text-dim: #dcd2fe;
    --text-muted: #9992b0;
    --border: #6e658b;
    --border-dim: #4b455f;
    --border-bright: #9992b0;
    --shadow: #201d2a;
    --snap-bg: rgba(210, 148, 255, 0.08);
    --snap-border: rgba(210, 148, 255, 0.4);

    --window-title-bar-bg: var(--surface);
    --window-title-bar-text: var(--text);
    --status-bar-bg: var(--surface);
    --status-bar-text: var(--text);
    --menu-bg: var(--surface-alt);
    --panel-bg: var(--surface-alt);
    --button-hover-bg: #6e658b;

    --main-bg-gradient-start: #201d2a;
    --main-bg-gradient-end: #2c2839;

    --font-size-large: 20px;
    --font-size-normal: 16px;
    --font-size-small: 14px;
    --font-size-tiny: 13px;

    --cat-solid-color: #dba8ff;
    --cat-wireframe-color: #d294ff;
    --cat-outline-color: #efebff;
    --cat-edge-color: #efebff;
    --cat-scanline-color: #d294ff;

    /* wobble border parameters */
    --wobble-step: 12;      /* sample point spacing (px) */
    --wobble-jitter: 2;     /* max ± perpendicular jitter (px) */
    --wobble-inset: 6;      /* baseline distance from true edge (px) */
    --wobble-fps: 2;        /* re-randomize rate */
    --wobble-header-h: 30;  /* header height (px) */
    --wobble-stroke: 5;     /* border stroke width (px) */
}

body.mood-up {
    --bg: #292724;
    --surface: #3d3a34;
    --surface-alt: #615c51;
    --accent: #ec9255;
    --accent-alt: #e58748;
    --accent-blue: #ffb380;
    --text: #f2ead9;
    --text-dim: #ddcba6;
    --text-muted: #ada594;
    --border: #908774;
    --border-dim: #615c51;
    --border-bright: #ada594;
    --shadow: #292724;
    --snap-bg: rgba(236, 146, 85, 0.08);
    --snap-border: rgba(236, 146, 85, 0.4);

    --window-title-bar-bg: var(--surface);
    --window-title-bar-text: var(--text);
    --status-bar-bg: var(--surface);
    --status-bar-text: var(--text);
    --menu-bg: var(--surface-alt);
    --panel-bg: var(--surface-alt);
    --button-hover-bg: #908774;

    --main-bg-gradient-start: #292724;
    --main-bg-gradient-end: #3d3a34;

    --cat-solid-color: #f29d63;
    --cat-wireframe-color: #ec9255;
    --cat-outline-color: #f2ead9;
    --cat-edge-color: #f2ead9;
    --cat-scanline-color: #ec9255;
}