@import './tokens.css';

* { box-sizing: border-box; }
html { color-scheme: light; }
body {
  margin: 0;
  background: var(--ks-color-canvas);
  color: var(--ks-color-text);
  font-family: Inter, Pretendard, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--ks-font-body);
  line-height: var(--ks-line-body);
}
button, input, select, textarea { font: inherit; }
a { color: var(--ks-color-action); }
:focus-visible { outline: var(--ks-focus-ring-width) solid color-mix(in srgb, var(--ks-color-focus) 55%, transparent); outline-offset: var(--ks-focus-ring-offset); }
.ks-financial-number { font-variant-numeric: tabular-nums; }
.ks-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ks-card { background: var(--ks-color-surface-raised); border: 1px solid var(--ks-color-border); border-radius: var(--ks-radius-md); box-shadow: var(--ks-shadow-sm); }
.ks-stack { display: grid; gap: var(--ks-space-4); }
.ks-inline { display: flex; align-items: center; gap: var(--ks-space-2); flex-wrap: wrap; }
.ks-muted { color: var(--ks-color-text-muted); }
.ks-danger-text { color: var(--ks-color-danger); }
