/* Nusva base 3.6: one typeface (Plus Jakarta Sans), two weights (400, 600), grounds, numerals. */

/* Plus Jakarta Sans comes from next/font (variable --font-jakarta, see examples/layout.tsx). Without it, the files in
   fonts/ load through the @font-face rules in tokens/nusva-tokens.css. The wordmark (800) is the same family. */
:root {
  --font-sans: var(--font-jakarta, "Plus Jakarta Sans"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-data: var(--font-sans);
  --font-brand: var(--font-sans);
}

@layer base {
  html { color-scheme: light; }
  html[data-theme="dark"] { color-scheme: dark; }
  @media (prefers-color-scheme: dark) { html:not([data-theme]) { color-scheme: dark; } }
  body {
    background: var(--canvas);
    color: var(--text);
    font-family: var(--font-sans);
    font-size: var(--nv-body, 0.875rem);
    line-height: 1.5;
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
  table, .tabular { font-variant-numeric: tabular-nums; }
  h1, h2, h3 { text-wrap: balance; }
  h1, h2, h3, h4, h5, h6, b, strong, th { font-weight: 600; }
}
