/* Oytel foundation: document-level defaults */

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--oytel-color-surface-canvas);
  color: var(--oytel-color-text-primary);
  font-family: var(--oytel-font-interface);
  overflow-x: hidden;
}

main {
  display: block;
  position: relative;
  z-index: 0;
}

main:focus {
  outline: none;
}

a {
  color: var(--oytel-color-brand-primary);
  transition: color var(--oytel-motion-duration-fast) var(--oytel-motion-easing-standard);
}

hr {
  border: none;
  border-top: 1px solid var(--oytel-color-border-default);
  margin: var(--oytel-spacing-lg) 0;
}

::selection {
  background: var(--oytel-color-brand-primary);
  color: var(--oytel-color-text-inverse);
}