/* LoanLedger — App-inspired theme. Light, navy + gold, Inter, rounded. */

[data-theme="app"] {
  /* Surfaces (from theme.ts: background #fafafa, paper #ffffff) */
  --ll-bg: #fafafa;
  --ll-bg-soft: #ffffff;

  /* Text (navy / grey) */
  --ll-text: #2a4365;
  --ll-text-muted: #718096;

  /* Accent = navy (primary in app) */
  --ll-accent: #2c5282;
  --ll-accent-rgb: 44, 82, 130;

  /* Accent alt = gold (repaid in app) */
  --ll-accent-alt: #d69e2e;
  --ll-accent-alt-rgb: 214, 158, 46;

  /* Text on accent buttons */
  --ll-btn-on-accent: #ffffff;

  /* Typography (match app) */
  --ll-font-family: Inter, "Segoe UI", Roboto, system-ui, sans-serif;

  /* Radii (borderRadius 10 / 8 in app) */
  --ll-radius-sm: 8px;
  --ll-radius-md: 10px;
  --ll-radius-pill: 999px;

  /* Borders */
  --ll-border-subtle: rgba(0, 0, 0, 0.08);
  --ll-border-accent: rgba(44, 82, 130, 0.35);

  /* Chart / decorative (navy tint on light) */
  --ll-chart-line: #2c5282;
  --ll-chart-grid-rgba: rgba(44, 82, 130, 0.06);
  --ll-chart-baseline-rgba: rgba(44, 82, 130, 0.12);

  /* CTA gradients — solid-ish with slight gradient for depth */
  --ll-gradient-cta-primary: linear-gradient(160deg, #2b6cb0 0%, #2c5282 50%, #2a4365 100%);
  --ll-gradient-cta-gold: linear-gradient(160deg, #ecc94b 0%, #d69e2e 50%, #b7791f 100%);
}