/* LoanLedger — Dataviz theme (default). Dark splash, cyan + gold. */

:root {
  /* Surfaces */
  --ll-bg: #0d1117;
  --ll-bg-soft: #161b22;

  /* Text */
  --ll-text: #e5e7eb;
  --ll-text-muted: #9ca3af;

  /* Accent (primary CTA, links, chart) */
  --ll-accent: #22ccee;
  --ll-accent-rgb: 34, 204, 238;

  /* Accent alt (gold CTA, secondary) */
  --ll-accent-alt: #f59e0b;
  --ll-accent-alt-rgb: 245, 158, 11;

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

  /* Typography */
  --ll-font-family: "DM Sans", system-ui, sans-serif;

  /* Motion */
  --ll-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ll-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Radii */
  --ll-radius-sm: 4px;
  --ll-radius-md: 8px;
  --ll-radius-pill: 999px;

  /* Borders */
  --ll-border-subtle: rgba(255, 255, 255, 0.06);
  --ll-border-accent: rgba(var(--ll-accent-rgb), 0.2);

  /* Chart / decorative (for grid, SVG) */
  --ll-chart-line: #22ccee;
  --ll-chart-grid-rgba: rgba(34, 204, 238, 0.04);
  --ll-chart-baseline-rgba: rgba(34, 204, 238, 0.08);

  /* CTA gradients (full value for theme override) */
  --ll-gradient-cta-primary: linear-gradient(160deg, #4ddbf5 0%, #2dd4e8 25%, #22ccee 50%, #06b6d4 75%, #0891b2 100%);
  --ll-gradient-cta-gold: linear-gradient(160deg, #fcd34d 0%, #fbbf24 20%, #f59e0b 50%, #ea580c 80%, #c2410c 100%);

  /* Aliases for subpages that still use old names */
  --bg: var(--ll-bg);
  --bg-soft: var(--ll-bg-soft);
  --headline: var(--ll-text);
  --muted: var(--ll-text-muted);
  --cyan: var(--ll-accent);
  --gold: var(--ll-accent-alt);
}