/* Rodriques web design system foundation. Theme values are consumer-owned. */
@layer rodriques-design-system {
  :where(*, *::before, *::after) {
    box-sizing: border-box;
  }

  :where(html) {
    scroll-behavior: smooth;
  }

  :where(body) {
    margin: 0;
    background: var(--ds-color-canvas);
    color: var(--ds-color-text);
    font-family: var(--ds-font-body);
  }

  :where(button, input, select, textarea) {
    font: inherit;
  }
}