/* Design tokens — default palette (liquid-dark). Themes override these
   via :root[data-theme="<id>"] in /themes/<id>.css (loaded after). */
:root {
    /* Surfaces */
    --bg: #08080d;
    --surface: #0f0f16;                       /* solid: modals, menus */
    --surface-bright: #16161f;
    --surface-hover: #1b1b26;
    --card: rgba(255, 255, 255, 0.045);       /* translucent: cards, chips */
    --card-hover: rgba(255, 255, 255, 0.07);
    --border: rgba(255, 255, 255, 0.09);
    --border-hi: rgba(255, 255, 255, 0.18);

    /* Text */
    --text: #f4f2ee;
    --text-dim: #9a97a5;
    --text-faint: #57545f;

    /* Accents — sunset */
    --primary: #ffb15c;
    --primary-dim: #c77f35;
    --primary-glow: rgba(255, 177, 92, 0.14);
    --accent: #ff5c87;                        /* live / destructive */
    --accent-glow: rgba(255, 92, 135, 0.15);
    --gold: #ffd15c;
    --green: #37d5b2;

    /* Category hues (bits/highlights) */
    --cat-banter: #5cb8ff;
    --cat-story: #ffd15c;
    --cat-rant: #ff5c87;
    --cat-tangent: #b98aff;
    --cat-reaction: #ff9a5c;
    --cat-gameplay: #37d5b2;
    --cat-laughter: #ffe45c;
    --cat-rage: #ff4d4d;
    --cat-singing: #ff8ae0;

    /* Type */
    --font-head: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --radius: 26px;
    --radius-sm: 14px;
    --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --shadow-1: 0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-2: 0 28px 70px rgba(0, 0, 0, 0.72);

    /* legacy aliases */
    --surface-hi: var(--surface-bright);
    --text-muted: var(--text-dim);

    /* editor accents */
    --blue: #5cb8ff;
    --violet: #b98aff;
    --font-serif: Georgia, serif;
}
