/* Shared look for the portal, login and top bar. Same palette as the chore tracker. */
:root {
  --bg: #F2F5F9; --card: #FFFFFF; --ink: #17233B; --muted: #4E596C; --line: #D6DDE7; --off: #E8ECF2;
  --coin: #F6C431; --coin-ink: #17233B;
  --save: #1F7A4D; --save-tint: #E3F2EA; --spend-tint: #FFF1C2; --give: #2B6CB0; --give-tint: #E4EEFA;
  --warn: #B4462B; --warn-tint: #FBE9E4;
  --display: 'Fredoka', 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
  --body: 'Nunito Sans', 'Segoe UI', -apple-system, Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0E1524; --card: #172238; --ink: #EEF2F8; --muted: #A9B3C5; --line: #2B3853; --off: #212C44;
  --save: #5CC58E; --save-tint: #163828; --spend-tint: #3A3113; --give: #82B2EF; --give-tint: #172B48;
  --warn: #F29274; --warn-tint: #3B2019;
  color-scheme: dark } }
:root[data-theme="dark"] {
  --bg: #0E1524; --card: #172238; --ink: #EEF2F8; --muted: #A9B3C5; --line: #2B3853; --off: #212C44;
  --save: #5CC58E; --save-tint: #163828; --spend-tint: #3A3113; --give: #82B2EF; --give-tint: #172B48;
  --warn: #F29274; --warn-tint: #3B2019;
  color-scheme: dark }