@layer lu-base {
  /* Typography and body defaults */
  html, body {
    margin: 0;
    padding: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--lu-text-base);
    line-height: 1.5;
    color: var(--lu-color-text);
    background-color: var(--lu-color-surface);
  }
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

  button, select {
    text-transform: none;
  }

  button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }

  /* Utility scrollbar styling */
  .lu-scrollbar-thin::-webkit-scrollbar { width: 4px; height: 4px; }
  .lu-scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
  .lu-scrollbar-thin::-webkit-scrollbar-thumb { border-radius: 9999px; background: rgba(0,0,0,0.15); }
}