/* FilAudit / report primitives / 2026-09-27.
   Extends the existing --fil-* palette. See README.md for provenance. */
.report-app, .report-showcase, .report-case {
  --report-paper: var(--fil-paper, #FEFEFD);
  --report-surface: var(--fil-paper-warm, #EFEFEB);
  --report-ink: var(--fil-ink, #061B26);
  --report-muted: var(--fil-ink-muted, #4B5B67);
  --report-line: var(--fil-rule, #DBDCDC);
  --report-petrol: var(--fil-petrol, #082630);
  --report-accent: var(--fil-cyan, #00D9E6);
  --report-accent-ink: var(--fil-cyan-ink, #087A8D);
  --report-tint: var(--fil-cyan-soft, #C5E8EA);
  --report-canvas: color-mix(in srgb, var(--report-surface) 30%, var(--report-paper));
  --report-border: color-mix(in srgb, var(--report-line) 55%, var(--report-paper));
  --report-radius: 16px;
  --report-radius-nav: 12px;
  --report-radius-small: 4px;
  --report-shadow: 0 1px 2px rgb(6 27 38 / 5%);
  --report-rail: 260px;
  --report-header: 56px;
  --report-content: 1200px;
  --report-body: 13px;
  --report-card-title: 14px;
  --report-section-label: 12px;
  --report-stat: 32px;
  --report-subtitle: 18px;
  --report-insight-title: 22px;
  --report-nav: 14px;
  --report-toolbar-title: 16px;
  --report-pagination-title: 24px;
  --report-meta: 12px;
  --report-lead: 14px;
  --report-title: 56px;
  --report-heading: 30px;
  --report-unit: 4px;
  --report-space-2: 8px;
  --report-space-3: 12px;
  --report-space-4: 16px;
  --report-space-6: 24px;
  --report-space-8: 32px;
  --report-space-12: 48px;
  --report-space-16: 64px;
}
@media (max-width: 560px) {
  .report-app, .report-showcase, .report-case {
    --report-title: 36px;
    --report-heading: 26px;
  }
}

/* Standard demo theme, shared with live specimens. Editorial scale stays separate. */
.report-app, .report-showcase {
  --report-title: 24px;
  --report-heading: 12px;
  --report-body: 13px;
  --report-lead: 13px;
  --report-meta: 11px;
  --report-card-title: 13px;
  --report-card-weight: 500;
  --report-metric: 18px;
  --report-section-label: 12px;
  --report-stat: 24px;
  --report-subtitle: 16px;
  --report-insight-title: 18px;
  --report-nav: 13px;
  --report-toolbar-title: 14px;
  --report-pagination-title: 18px;
  --report-surface: #FAFAFA;
  --report-canvas: var(--report-surface);
  --report-border: var(--report-line);
  --report-radius: 8px;
  --report-radius-nav: 4px;
  --report-shadow: none;
  --report-rail-surface: var(--report-paper);
  --report-rail-ink: var(--report-petrol);
  --report-rail-muted: var(--report-muted);
  --report-rail-rule: var(--report-line);
  --report-nav-hover: var(--report-surface);
  --report-nav-selected: color-mix(in srgb, var(--report-tint) 30%, var(--report-paper));
  --report-nav-marker: var(--report-accent-ink);
}