/* ============================================================
   base.css — reset + global defaults
   ============================================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

[class^='nych-'],
[class^='nych-']::before,
[class^='nych-']::after {
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--font-sans);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: var(--surface-0);
  color: var(--text-body);
  min-height: 100vh;
}

/* nych- components default to the inscriptional serif unless overridden */
[class^='nych-'] {
  font-family: var(--font-serif);
}

[class^='nych-']:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

[class^='nych-']:focus-visible {
  outline: 2px solid transparent; /* visible in forced-colors mode */
  box-shadow: var(--focus-ring);
}

/* The laurel wreath spins as a loading mark */
@keyframes nych-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nych-loading-icon .wreath {
  /* fill-box + center keeps origin correct regardless of rendered size */
  transform-box: fill-box;
  transform-origin: center;
  animation: nych-spin 2s linear infinite;
}