@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');

  :root {
    --bg-outer: #ECE6F7;
    --paper: #FFFBF8;
    --panel: #F4EEFC;
    --ink: #473F58;
    --muted: #9A90AC;
    --border: #E4DCF2;
    --primary: #C3AEE8;
    --primary-text: #3A2E56;
    --scan: #FBD7AA;
    --scan-text: #6B4A1E;
    --spend: #EFA3AC;
    --spend-text: #8B3A44;
    --save: #A4E0C6;
    --save-text: #2E6B52;
    --badge-overdue-bg: #FAD8DC;
    --badge-overdue-text: #B14E5A;
    --badge-today-bg: #FCE8C6;
    --badge-today-text: #97691E;
    --badge-upcoming-bg: #DDEFE4;
    --badge-upcoming-text: #3E7A5C;
    --badge-paid-bg: #EAE6DF;
    --badge-paid-text: #8B8579;
    --nav-active: #8B72C9;
    --accent-ink: #3A2E56;
    --shadow-d-rgb: 150,130,180;
    --shadow-l-rgb: 255,255,255;
  }

  body.dark {
    --bg-outer: #262133;
    --paper: #322C44;
    --panel: #3C3552;
    --ink: #EAE4F5;
    --muted: #AFA3C8;
    --border: #4A4262;
    --primary: #B79CE8;
    --primary-text: #2A2140;
    --scan: #E8C398;
    --scan-text: #4A3312;
    --spend: #E497A2;
    --spend-text: #F7B4BD;
    --save: #8FD1B3;
    --save-text: #8FE0BC;
    --badge-overdue-bg: #4A2E33;
    --badge-overdue-text: #F0A3AC;
    --badge-today-bg: #473A22;
    --badge-today-text: #F0C778;
    --badge-upcoming-bg: #2C4137;
    --badge-upcoming-text: #8FDCB0;
    --badge-paid-bg: #3D3850;
    --badge-paid-text: #ABA1C4;
    --nav-active: #CBB4F2;
    --accent-ink: #CBB4F2;
    --shadow-d-rgb: 15,12,22;
    --shadow-l-rgb: 90,80,112;
  }