@layer odd.reset, odd.tokens, odd.base, odd.layout, odd.components, odd.utilities;

@layer odd.base {
  body {
    background-color: var(--odd-color-canvas);
    color: var(--odd-color-text-primary);
    font-family: var(--odd-type-body-family);
    font-size: var(--odd-type-body-size);
    font-weight: var(--odd-type-body-weight);
    line-height: var(--odd-type-body-line-height);
    letter-spacing: var(--odd-type-body-letter-spacing);
  }
  a {
    color: var(--odd-color-link);
  }
  code,
  kbd,
  pre,
  samp {
    font-family: var(--odd-font-family-mono);
  }
  :focus-visible {
    outline: var(--odd-focus-width) solid var(--odd-color-focus-ring);
    outline-offset: var(--odd-focus-offset);
  }
}