/* Baloyi Financials — light base layer (opt-in element defaults + helpers).
   Component styling is driven by CSS custom properties; this only sets sane
   document defaults so specimen cards and kits read correctly. */
:root { color-scheme: light; }

.bf-body-defaults, .bf-scope {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Utility: tabular financial figures */
.bf-figure {
  font-family: var(--font-figure);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: var(--figure-features);
}

/* Eyebrow / label */
.bf-eyebrow {
  font-family: var(--font-ui);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-muted);
}

a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--text-link-hover); text-decoration: underline; text-underline-offset: 2px; }