@import "tailwindcss";
@import "./tokens.css";
@import "./components.css";
@import "./layout.css";
@import "./dashboard.css";
@import "./settings.css";
@import "./print.css";

/* Map Ledger tokens into Tailwind v4 theme — components use ONLY these
   semantic utilities (bg-surface, text-content-2, border-border, …).
   No raw Tailwind hues, no arbitrary values, no inline styles. */
@theme inline {
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-sunken: var(--surface-sunken);
  --color-surface-raised: var(--surface-raised);
  --color-border: var(--border);
  --color-border-strong: var(--border-strong);
  --color-content: var(--content);
  --color-content-2: var(--content-2);
  --color-content-3: var(--content-3);
  --color-accent: var(--accent);
  --color-accent-strong: var(--accent-strong);
  --color-accent-soft: var(--accent-soft);
  --color-accent-border: var(--accent-border);
  --color-on-accent: var(--on-accent);
  --color-success: var(--success);
  --color-success-soft: var(--success-soft);
  --color-warning: var(--warning);
  --color-warning-soft: var(--warning-soft);
  --color-danger: var(--danger);
  --color-danger-soft: var(--danger-soft);
  --color-info: var(--info);
  --color-info-soft: var(--info-soft);
  --color-held: var(--held);
  --color-held-soft: var(--held-soft);
  --font-ui: var(--font-ui);
  --font-mono: var(--font-mono);
  --radius-ctl: var(--r-ctl);
  --radius-card: var(--r-card);
  --radius-pill: var(--r-pill);
  --shadow-1: var(--sh-1);
  --shadow-2: var(--sh-2);
  --shadow-pop: var(--sh-pop);
}

body {
  background: var(--bg);
  color: var(--content);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.mono {
  font-family: var(--font-mono);
  font-feature-settings: "tnum";
  letter-spacing: -0.01em;
}