/* ═══════════════════════════════════════════════════════════════
   KOWL Design System — global entry point.
   Consumers link THIS file. It is an index of @imports only.
   ═══════════════════════════════════════════════════════════════ */
@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/effects.css";

/* ── Base resets shared by every KOWL surface ─────────────────── */
html {
  color-scheme: dark;
}
body {
  background: var(--kowl-bg);
  color: var(--kowl-text);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection {
  background: var(--kowl-selection);
  color: inherit;
}