/* Rent Assistance. Source: design-systems/rent-assistance.html (v1.0, derived from
   lib/core/theme/app_colors.dart, app_theme.dart, app_theme_ext.dart + CLAUDE.md).
   Dark is the app default; light is fully supported. 8pt grid, max 3 type sizes per screen. */
:root {
  --bg: #0B0B0F;
  --surface: #111218;
  --surface-2: #1A1B23;
  --border: rgba(255, 255, 255, .06);
  --divider: rgba(255, 255, 255, .10);
  --text: #FFFFFF;
  --text-sub: #A1A1AA;
  --text-faint: #71717A;

  --primary: #5B6CFF;       /* brand / selection / focus ring */
  --action: #4F8EF7;        /* filled CTA (blue500) */
  --action-press: #3A7AE0;  /* pressed CTA; also the "r" in the rA mark */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  --money-up: #16C784;      /* income / ROI */
  --money-down: #EA3943;    /* debt / overdue */

  --mark-bg: linear-gradient(180deg, #1B2740 0%, #0E1626 55%, #070B14 100%);

  --font: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-title: 24px; --fs-section: 18px; --fs-body: 15px; --fs-meta: 13px;
  --w-body: 400; --w-section: 500; --w-title: 600;

  --s-1: 4px; --s-2: 8px; --s-3: 16px; --s-4: 24px; --s-5: 32px; --s-6: 48px; --s-7: 64px;
  --r-input: 14px; --r-button: 16px; --r-card: 18px; --r-summary: 20px; --r-fab: 32px;
  --btn-h: 56px; --btn-h-secondary: 48px; --fab: 64px;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, .08);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur: 160ms;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F8FAFC; --surface: #FFFFFF; --surface-2: #FFFFFF;
    --border: #E2E8F0; --divider: #E2E8F0;
    --text: #0F172A; --text-sub: #64748B; --text-faint: #64748B;
  }
}
:root[data-theme="light"] {
  --bg: #F8FAFC; --surface: #FFFFFF; --surface-2: #FFFFFF;
  --border: #E2E8F0; --divider: #E2E8F0;
  --text: #0F172A; --text-sub: #64748B; --text-faint: #64748B;
}