/**
 * Matrix Base Styles — applied globally by <mx-app-shell> or imported directly.
 * Provides reset, scrollbar styling, and utility classes.
 */

/* ── Reset ────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: var(--mx-font-family, system-ui, -apple-system, sans-serif);
  font-size: var(--mx-font-size-base, 13px);
  color: var(--mx-color-text, #f1f5f9);
  background: var(--mx-color-surface, #0f172a);
  -webkit-font-smoothing: antialiased;
}

/* ── Scrollbar ────────────────────────────────────────────────────── */
::-webkit-scrollbar {
  width: var(--mx-scrollbar-width, 6px);
  height: var(--mx-scrollbar-width, 6px);
}
::-webkit-scrollbar-track {
  background: var(--mx-scrollbar-track, #020617);
}
::-webkit-scrollbar-thumb {
  background: var(--mx-scrollbar-thumb, #334155);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--mx-scrollbar-thumb-hover, #1e293b);
}

/* ── Links ────────────────────────────────────────────────────────── */
a {
  color: var(--mx-color-link, #82aaff);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
