/* Spendr. Source: design-systems/spendr.html
   Light "ink on paper" / dark "graphite + blue". Bodoni Moda ONLY for money, Inter for everything else.
   Colour means category identity, never UI state. */
:root {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --text: #0E0E0E;
  --text-sub: #8C8C8C;
  --line: #E9E9E9;
  --accent: #0E0E0E;
  --accent-soft: #F2F2F2;
  --chip: #F0F0F0;
  --danger: #D8412A;

  --cat-0: #4C9DF0; --cat-1: #57C08A; --cat-2: #E0A53D; --cat-3: #E0695F; --cat-4: #B07BD6;
  --cat-5: #6FBF73; --cat-6: #E07BA8; --cat-7: #E0935F; --cat-8: #7A8BE0; --cat-9: #4FB3C7;
  --cat-10: #C79A5B; --cat-11: #8C7BE0; --cat-12: #D98AB0; --cat-13: #9AB04C;

  --season-winter: #5B9BD5; --season-spring: #6FBF73; --season-summer: #E0695F; --season-autumn: #E0A53D;

  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-money: 'Bodoni Moda', 'Bodoni MT', Didot, Georgia, serif;

  --r-chip: 5px; --r-input: 11px; --r-tile: 15px; --r-sheet: 22px; --r-paywall: 24px;
  --tile-radius-ratio: .32;              /* category glyph radius = box × 0.32 */
  --shadow-float: 0 6px 18px rgba(0, 0, 0, .25);   /* only things that physically float */
  --tile: 56px;                          /* category tile on the landing (app keypad tile, scaled up) */
  --btn-h: 52px;                         /* landing store buttons (touch target ≥ 44) */

  --ease-out: cubic-bezier(.215, .61, .355, 1);
  --dur-pulse: 220ms; --dur-sheet: 300ms; --dur-pop: 440ms; --dur-flip: 480ms; --dur-fly: 520ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15171B; --surface: #1E2126; --text: #F2F3F5; --text-sub: #878D96; --line: #2A2E34;
    --accent: #4C9DF0; --accent-soft: #1C2A38; --chip: #262A30; --danger: #F2603C;
  }
}
:root[data-theme="dark"] {
  --bg: #15171B; --surface: #1E2126; --text: #F2F3F5; --text-sub: #878D96; --line: #2A2E34;
  --accent: #4C9DF0; --accent-soft: #1C2A38; --chip: #262A30; --danger: #F2603C;
}