/* ============================================
   SPODIC - Base Reset & Body Styles
   ============================================ */

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

html,
body {
  height: 100%;
  overflow: hidden;
}

body {
  background-color: transparent;
  color: var(--text);
  font-family: var(--app-font-family, 'Inter', system-ui, sans-serif);
  font-weight: var(--app-font-weight, 500);
  display: flex;
  flex-direction: column;
  user-select: none;
  -webkit-user-select: none;
  transition: color 0.4s ease;
}

/* Background with opacity support */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-color: var(--reader-bg, var(--bg));
  opacity: var(--bg-opacity, 1);
  z-index: -1;
  pointer-events: none;
  transition: background-color 0.4s ease, opacity 0.3s ease;
}

/* Cursor auto-hide */
body.cursor-hidden,
body.cursor-hidden * {
  cursor: none !important;
}