/* Fuzz Cube Studio — element defaults.
   Deliberately thin: the design system ships tokens and components, not a
   utility framework. */
* { box-sizing: border-box }
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-core);
  font-variation-settings: var(--type-body-vf);
  font-size: var(--type-body-size);
  line-height: var(--type-body-lh);
  -webkit-font-smoothing: antialiased;
}
p { margin: 0 0 14px; max-width: var(--type-body-measure); text-wrap: pretty }
strong { color: var(--text-primary); font-weight: 600 }
a {
  color: var(--link);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--link-underline);
  transition: color var(--snap) var(--ease), text-decoration-color var(--snap) var(--ease);
}
a:hover { color: var(--link-hover); text-decoration-color: var(--link-hover-underline) }
:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset) }
::selection { background: var(--amber); color: #241a06 }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important }
}
