/* base.css — typography anchor + small utility layer.
   Loaded after tokens.css. Tailwind preflight keeps handling the reset.
   Pretendard is loaded as a sibling <link> in layout/head-common.html,
   not via @import, so both sheets fetch in parallel. */

body {
  font-family: var(--ot-font-sans);
  color: var(--ot-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code, pre, .ot-mono {
  font-family: var(--ot-font-mono);
}

.ot-mono-xs { font-family: var(--ot-font-mono); font-size: 11px; }
.ot-mono-sm { font-family: var(--ot-font-mono); font-size: 12px; }

.ot-t-11 { font-size: 11px; line-height: 1.4; }
.ot-t-12 { font-size: 12px; line-height: 1.45; }
.ot-t-13 { font-size: 13px; line-height: 1.5; }
.ot-t-14 { font-size: 14px; line-height: 1.5; }

.ot-link-primary {
  color: var(--ot-primary);
  text-decoration: none;
}
.ot-link-primary:hover { text-decoration: underline; }

.ot-text-muted   { color: var(--ot-text-3); }
.ot-text-subtle  { color: var(--ot-text-4); }
.ot-text-danger  { color: var(--ot-danger); }
.ot-text-warning { color: var(--ot-warning); }
.ot-text-success { color: var(--ot-success); }