/*
  Wortic macOS UI Kit — Borders & Separators
  Separadores são HAIRLINE (0.5px) e quase invisíveis — definem
  regiões sem desenhar "grades". Nada de bordas cinza grossas.
*/

@layer base {
  .wm-separator {
    border: none;
    height: var(--wm-border-width-hairline);
    background: var(--wm-separator);
    flex: none;
  }

  .wm-separator--vertical {
    width: var(--wm-border-width-hairline);
    height: auto;
    align-self: stretch;
  }

  .wm-separator--strong {
    background: var(--wm-separator-strong);
  }

  .wm-border {
    border: var(--wm-border-width-hairline) solid var(--wm-separator);
  }

  .wm-border-strong {
    border: var(--wm-border-width-hairline) solid var(--wm-separator-strong);
  }
}