/* SLASHED — optional/legacy.css
   @layer slashed.legacy
   Fallbacks for older browser gaps: dynamic viewport units, focus-visible, scrollbar gutter, has(), dvh.
   Load only when legacy support is needed. */

@layer slashed.legacy {

  /* 1. Dynamic viewport units */

  @supports not (height: 100dvh) {
    body {
      min-height: 100vh;
    }
  }

  /* 2. :focus-visible */

  @supports not selector(:focus-visible) {
    :focus {
      outline:        var(--sf-focus-ring-width, 2px)
                      var(--sf-focus-ring-style, solid)
                      var(--sf-focus-ring-color, var(--sf-color-action));
      outline-offset: var(--sf-focus-ring-offset, 2px);
    }
  }

  /* 3. scrollbar-gutter: stable */

  @supports not (scrollbar-gutter: stable) {
    html {
      overflow-y: scroll;
    }
  }

}