:root {
    /* Typography */
    --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    /* Accent */
    --accent: #2E7D5B;
    --accent-hover: #3FB785;
    --accent-bright: #3FB785;
    --accent-soft: rgba(63, 183, 133, 0.14);
    --accent-muted: #3FB785;

    /* Surfaces — warm espresso */
    --bg: #17120D;
    --bg-elevated: #211A13;
    --bg-subtle: #2A2018;
    --bg-sidebar: #1C1610;

    /* Text */
    --text: #F3EADB;
    --text-muted: #A7977F;
    --text-subtle: #8A7B68;

    /* Borders & shadows */
    --border: rgba(244, 233, 220, 0.08);
    --border-strong: rgba(244, 233, 220, 0.14);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(244, 233, 220, 0.04);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25);
    --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(244, 233, 220, 0.06);
    --shadow-lift: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(63, 183, 133, 0.08);

    /* Glow */
    --glow-green: rgba(46, 125, 91, 0.18);
    --glow-clay: rgba(180, 120, 80, 0.08);

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Radius */
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Layout */
    --sidebar-width: 248px;
    --content-max: 760px;

    /* Semantic */
    --error: #E57373;
    --error-bg: rgba(229, 115, 115, 0.12);
    --success: #3FB785;
    --success-bg: rgba(63, 183, 133, 0.12);
    --warning: #D4A72C;
    --warning-bg: rgba(212, 167, 44, 0.12);

    /* Money category palette */
    --cat-housing: #C97B63;
    --cat-food: #3FB785;
    --cat-transport: #6B9AC4;
    --cat-shopping: #B88AE8;
    --cat-bills: #D4A72C;
    --cat-other: #A7977F;

    /* Motion */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 0.18s;
    --duration-med: 0.35s;
    --duration-slow: 0.6s;
}

/* Optional lighter variant via theme toggle */
[data-theme="light"] {
    --bg: #F5EFE6;
    --bg-elevated: #FFFCF7;
    --bg-subtle: #EDE5D8;
    --bg-sidebar: #F0E9DE;
    --text: #1C1610;
    --text-muted: #6B5E4E;
    --text-subtle: #8A7B68;
    --border: rgba(28, 22, 16, 0.1);
    --border-strong: rgba(28, 22, 16, 0.16);
    --shadow-sm: 0 1px 2px rgba(28, 22, 16, 0.06);
    --shadow-md: 0 8px 24px rgba(28, 22, 16, 0.08);
    --shadow-card: 0 12px 32px rgba(28, 22, 16, 0.1);
    --shadow-lift: 0 16px 40px rgba(28, 22, 16, 0.12);
    --accent-soft: rgba(46, 125, 91, 0.12);
}