/* ============================================================
   @bct/admin-ui-v2 — Base reset + body defaults
   ------------------------------------------------------------
   Ported from design/admin-up/project/base.css (reset + body +
   selection + type utilities only). Component styles (.btn,
   .input, .card, etc.) live with their primitives as CSS Modules
   and are NOT global.
   ============================================================ */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--fg-primary);
  background: var(--bg-canvas);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: oklch(var(--accent-l) var(--accent-c) var(--accent-h) / 0.25); }

/* ============================================================
   Type utilities — kept global because they apply to consumer
   markup (page headings) rather than to a specific primitive.
   ============================================================ */
.t-display { font-size: var(--text-display); line-height: 1.05; letter-spacing: -0.035em; font-weight: 600; }
.t-h1 { font-size: var(--text-4xl); line-height: 1.1; letter-spacing: -0.03em; font-weight: 600; }
.t-h2 { font-size: var(--text-3xl); line-height: 1.15; letter-spacing: -0.025em; font-weight: 600; }
.t-h3 { font-size: var(--text-2xl); line-height: 1.2; letter-spacing: -0.02em; font-weight: 600; }
.t-h4 { font-size: var(--text-xl); line-height: 1.25; letter-spacing: -0.015em; font-weight: 600; }
.t-h5 { font-size: var(--text-lg); line-height: 1.3; letter-spacing: -0.01em; font-weight: 600; }
.t-h6 { font-size: var(--text-md); line-height: 1.35; letter-spacing: -0.005em; font-weight: 600; }
.t-body { font-size: var(--text-base); line-height: 1.55; }
.t-body-sm { font-size: var(--text-sm); line-height: 1.5; }
.t-caption { font-size: var(--text-xs); line-height: 1.4; color: var(--fg-tertiary); }
.t-mono { font-family: var(--font-mono); font-feature-settings: "ss01", "tnum"; letter-spacing: -0.005em; }
.t-eyebrow { font-size: var(--text-2xs); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; color: var(--fg-tertiary); }

.muted { color: var(--fg-secondary); }
.subtle { color: var(--fg-tertiary); }