/* ==================================================
APP UI CORE
Scoped base for custom system (no Bootstrap overrides)
Usage:
<section class="app-ui">...</section>
================================================== */

.app-ui,
.app-ui * {
  box-sizing: border-box;
}

.app-ui {
  font-family: "Inter", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--app-text);
}

.app-ui h1,
.app-ui h2,
.app-ui h3,
.app-ui h4,
.app-ui h5,
.app-ui h6 {
  margin: 0 0 0.6rem;
  color: var(--app-slate-900);
  line-height: 1.25;
  font-weight: 700;
}

.app-ui h1 { font-size: 1.5rem; }
.app-ui h2 { font-size: 1.3rem; }
.app-ui h3 { font-size: 1.15rem; }
.app-ui p { margin: 0 0 0.7rem; color: var(--app-slate-700); }
.app-ui a { color: var(--app-primary); text-decoration: none; }
.app-ui a:hover { color: var(--app-primary-700); text-decoration: underline; }