/**
 * GenNova — Tailwind bridge
 * Load after gn-tokens.css, before gn-primitives.css.
 * Links design tokens to base typography; Tailwind @theme colors live in tailwind-input.css.
 */

@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: var(--gn-font-ui, 14px);
    line-height: 1.5;
    color: var(--gn-text);
    background-color: var(--gn-bg-page);
  }

  body[data-theme="dark"] {
    color-scheme: dark;
  }

  a {
    color: var(--gn-primary);
    text-decoration: none;
  }

  a:hover {
    color: var(--gn-primary-hover);
  }

  img,
  svg {
    vertical-align: middle;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
  }
}
